@import url("features.css");

@import url("carousel.css");

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");





:root, [data-bs-theme=light] {

    --cor-laranja:#FF7500;

    --cor-laranja-claro:#FF8931;

    --cor-laranja-escuro:#DB5E00;

    --cor-roxo:#963CBD;

    --cor-roxo-claro:#9F4CD6;

    --cor-roxo-escuro:#7A30A0;

    --cor-verde:#009F64;

    --cor-verde-claro:#00B76C;

    --cor-verde-escuro:#008951;

    --cor-branco: #fff;

    --cor-secundaria-vermelho: #dc4856;

    --cor-secundaria-vermelho-claro: #fceff0;

    --cor-secundaria-azul: #04BFDA;

    --cor-secundaria-verde: #00a47c;

    --cor-secundaria-verde-claro: #e5faf5;

    --cor-cinza-050: #f9fafb;

    --cor-cinza-100: #F4F5F7;

    --cor-cinza-200: #E9ECEF;

    --cor-cinza-300: #DEE2E6;

    --cor-cinza-400: #CED4DA;

    --cor-cinza-500: #ADB5BD;

    --cor-cinza-600: #6C757D;

    --cor-cinza-700: #495057;

    --cor-cinza-800: #343A40;

    --cor-cinza-900: #212529;

    --bs-border-color-translucent: #CED4DA;

}





html, body {font-family: 'Inter', Arial, Helvetica, sans-serif; text-align: left;color: var(--cor-cinza-900);font-size:1rem; width:100%; overflow-x: hidden}



p {font-size:1.125rem; margin:0}



img {max-width: 100%}

hr {opacity: 1;color: var(--cor-cinza-300);}

a {text-decoration: none; color: var(--cor-laranja); transition: all ease-in-out .25s;}

a:hover {color:var(--cor-laranja-escuro)}

.cor-primaria {color: var(--cor-laranja)}

.cor-secundaria1 {color: var(--cor-verde)}

.cor-secundaria2 {color: var(--cor-roxo)}

.dropdown-item:hover {background-color: var(--cor-cinza-100); color: var(--cor-cinza-900);}

.dropdown-item {padding-top:10px; padding-bottom: 10px;}



h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.2;}

h1 {text-align:center;}



.navbar-brand img {height: 50px;}

.display-d-991 {display:block !important}

.display-m-991 {display:none !important}



.carousel .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}

.carousel .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}



.form-control::-webkit-input-placeholder {color: var(--cor-cinza-500) ;}

.form-control:-moz-placeholder {color: var(--cor-cinza-500) ;}

.form-control::-moz-placeholder {color: var(--cor-cinza-500) ;}

.form-control::placeholder{color: var(--cor-cinza-500) ;}

.form-control:-ms-input-placeholder {color: var(--cor-cinza-500) ;}

.form-label {font-size:15px;margin-bottom:5px;margin-left:3px}



.form-control {font-size:1rem;height:3.438rem;line-height: 3.438rem;padding:0 0.75rem;border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important;}

.form-control:focus {border: 1px solid var(--cor-cinza-700) !important}

.form-select {height: 3.438rem;outline: 0 !important;border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important;}

.form-select:focus {border: 1px solid var(--cor-cinza-700) !important}



.form-legenda {font-size:13px; color: var(--cor-cinza-600); margin-bottom:30px}



.input-group-text {box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important;background: #fff;color: var(--cor-cinza-600); border-color: var(--cor-cinza-400); height: 3.438rem;}

.input-group>.form-control {border-left:0}

.input-group-btn-right>.form-control {background: transparent; border-left:1px solid var(--cor-cinza-400); border-radius: 6px !important; margin-right: 10px;}

.input-group-btn-right .btn {border-radius: 6px !important;}



.input-codigos {display: flex; gap: 10px; align-items: center; justify-content: space-between; font-size: 33px; color: var(--cor-secundaria-verde)}

.input-codigos .form-control {font-size: 20px; text-align: center;}



.form-floating {position: relative; margin-top:20px; }

.form-floating > .form-control,

.form-floating > .form-control-plaintext,

.form-floating > .form-select {line-height:initial;padding:0 12px !important;height:55px;line-height: 55px; background-color: transparent;}

.form-floating > label {padding: 0;height: 55px;line-height: 55px;padding-left:12px;top: -1px;color:var(--cor-cinza-500); font-weight: 400;}

.form-floating>.form-control:focus~label,

.form-floating>.form-control:not(:placeholder-shown)~label,

.form-floating>.form-select~label {opacity: 1;transform: scale(.85) translateY(-1.8rem) translateX(0.8rem);   padding:0 10px !important;color:var(--cor-cinza-900)}



.form-control.is-valid, .was-validated .form-control:valid {border: 1px solid var(--cor-cinza-400);padding-right: calc(1.5em + 0.75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ADB5BD' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");}

.form-check-input {box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05);outline: 0;}

.form-check-input:checked {box-shadow:none; background-color: var(--cor-laranja) !important; border-color: var(--cor-laranja) !important}



.vgroup-top {margin-bottom:0; border-radius: 6px 6px 0 0 !important; border-bottom:0 !important; background-color:transparent !important}

.vgroup-bottom {border-radius: 0 0 6px 6px  !important; background-color:transparent !important}

.vgroup-bottom.validade {width:60%; float:left; border-radius: 0 0 0 6px !important}

.vgroup-bottom.cvv {width:40%; float:right; border-radius: 0 0 6px 0 !important; border-left:0 !important}

.input-ic {height: 55px;margin-bottom: -55px;padding-left: 16px;padding-top: 14px;color: var(--cor-cinza-500);}

.input-ic svg {height:22px; width:22px}

.input-ic-txt {padding-left: 45px !important;}

.input-ic-right {text-align: right; padding-right:16px;}

.input-ic-right a {color:var(--cor-cinza-500)}



.form-control.is-invalid, .was-validated .form-control:invalid, .was-validated .form-select:invalid:not([multiple]):not([size]) {border-color: var(--bs-form-invalid-border-color) !important;background:none !important}

.invalid-feedback {text-transform: uppercase; font-size: 12px; font-weight: 500; text-align: right}



.form-control:disabled {background-color: var(--cor-cinza-100);}





.input-buscar {display: flex; gap: 15px; height: 3.438rem; }

.input-buscar input {min-width:400px; background: #fff url("images/ic-search.svg") no-repeat center left;background-size: 16px 16px;background-position: center left 15px;padding-left: 45px; width:100%; }

.input-buscar .btn {height: 3.438rem; line-height: 3.438rem; padding-top: 0; padding-bottom: 0;}



.nowrap {white-space: nowrap}



.btn {border-radius:9px; box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05);--bs-btn-padding-x: 1.5rem;--bs-btn-padding-y: 0.7rem;font-size: 1rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.btn-primary {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-laranja);--bs-btn-border-color: var(--cor-laranja);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-laranja-escuro);--bs-btn-hover-border-color: var(--cor-laranja-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-laranja); --bs-btn-active-border-color: var(--cor-laranja);}

.btn-verde {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-verde);--bs-btn-border-color: var(--cor-verde);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-verde-escuro);--bs-btn-hover-border-color: var(--cor-verde-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-verde); --bs-btn-active-border-color: var(--cor-verde);}



.btn-secondary {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-cinza-800);--bs-btn-border-color: var(--cor-cinza-800);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-700);--bs-btn-hover-border-color: var(--cor-cinza-700);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-800); --bs-btn-active-border-color: var(--cor-cinza-800);}

.btn-outline-primary {--bs-btn-color: var(--cor-laranja);--bs-btn-border-color:var(--cor-laranja);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-laranja);--bs-btn-hover-border-color: var(--cor-laranja);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-laranja-escuro);--bs-btn-active-border-color: var(--cor-laranja-escuro);}

.btn-outline-secondary {--bs-btn-color: var(--cor-cinza-700);--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-hover-color: var(--cor-cinza-800);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: var(--cor-cinza-900);--bs-btn-active-color: var(--cor-cinza-800);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: var(--cor-cinza-900);}

.btn-outline-branco-laranja, .btn-outline-branco-verde, .btn-outline-branco-roxo {--bs-btn-color: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-bg: #fff;--bs-btn-hover-border-color: #fff;--bs-btn-active-bg: #fff;--bs-btn-active-border-color: #fff;}

.btn-outline-branco-laranja {--bs-btn-hover-color: var(--cor-laranja);--bs-btn-active-color: var(--cor-laranja);}

.btn-outline-branco-verde {--bs-btn-hover-color: var(--cor-verde);--bs-btn-active-color: var(--cor-verde);}

.btn-outline-branco-roxo {--bs-btn-hover-color: var(--cor-roxo);--bs-btn-active-color: var(--cor-roxo);}

.btn-branco-verde {--bs-btn-color: var(--cor-verde);--bs-btn-bg: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-verde-escuro);--bs-btn-hover-border-color: var(--cor-verde-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-verde-escuro);--bs-btn-active-border-color: var(--cor-verde-escuro);}

.btn-branco-roxo {--bs-btn-color: var(--cor-roxo);--bs-btn-bg: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-roxo-escuro);--bs-btn-hover-border-color: var(--cor-roxo-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-roxo-escuro);--bs-btn-active-border-color: var(--cor-roxo-escuro);}

.btn-branco-cinza {--bs-btn-color: var(--cor-cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-900);--bs-btn-hover-border-color: var(--cor-cinza-900);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-900);--bs-btn-active-border-color: var(--cor-cinza-900);}

.btn-preto {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-cinza-900);--bs-btn-border-color: var(--cor-cinza-900);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-800);--bs-btn-hover-border-color: var(--cor-cinza-800);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-900);--bs-btn-active-border-color: var(--cor-cinza-900);}

.btn-outline-preto {--bs-btn-color: var(--cor-cinza-900);--bs-btn-border-color:var(--cor-cinza-900);--bs-btn-hover-color: var(--cor-cinza-900);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-900);--bs-btn-hover-border-color: var(--cor-cinza-900);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-900); --bs-btn-active-border-color: var(--cor-cinza-900);}



.btn-outline-cinza-escuro{--bs-btn-color: var(--cor-cinza-700);--bs-btn-border-color:var(--cor-cinza-700);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-800);--bs-btn-hover-border-color: var(--cor-cinza-800);--bs-btn-active-color: var(--cor-cinza-700);--bs-btn-active-bg: var(--cor-cinza-700);--bs-btn-active-border-color: var(--cor-cinza-700);}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {font-weight: 500;color: var(--cor-cinza-600);background-color: var(--cor-cinza-300);border-color: var(--cor-cinza-300);opacity: var(--bs-btn-disabled-opacity);}





.btn-voltar {padding: 6px 15px 5px 10px}

.title-back {display: flex; justify-content: space-between;}

.title-back i {margin-right: 5px;}



.skew {background-color:var(--cor-cinza-100);padding-top:6rem;padding-bottom:6rem;-moz-transform: skew(0deg, -2deg);-webkit-transform: skew(0deg, -2deg);-o-transform: skew(0deg, -2deg);-ms-transform: skew(0deg, -2deg);transform: skew(0deg, -2deg);}

.no-skew {-moz-transform: skew(0deg, 2deg);-webkit-transform: skew(0deg, 2deg);-o-transform: skew(0deg, 2deg);-ms-transform: skew(0deg, 2deg);transform: skew(0deg, 2deg);}

.skew-cinza-e {background-color:var(--cor-cinza-900)}

.skew-verde {background-color:var(--cor-verde)}

.skew-laranja {background-color:var(--cor-laranja)}

.skew-laranja-d {background: #fff; background: linear-gradient(180deg, rgba(253,212,177,1) 0%, rgba(255,255,255,0) 18%);}





.navbar-close {z-index: 999; background:#fff; position: fixed; top:0; left:0; width:100%; box-shadow: 0 0 5px rgb(0 0 0 / 0.1); background: #fff; height:5.3rem; padding-left:1.875rem; padding-right:1.875rem;display: flex;align-items: center;}

.no-navbar-close {display: flex; justify-content: space-between; padding: 0 1.875rem; height: 5.3rem; margin-bottom:-5.3rem; align-items: center;}



.navtop-bottom {height:5.3rem}

.navtop .nav-display-d {display:block}

.navtop .nav-display-m {display:none}

.navtop {background:#fff; box-shadow: 0 0 5px rgb(0 0 0 / 0.1);  height:5.3rem; }

.navtop .navbar {font-size:1rem; padding: 0; margin:0; display: flex; padding-top:0.75rem}

.navtop .nav-log {padding-top:0.9rem !important}

.navtop .navbar .btn {font-size:1rem}

.navtop .nav-item a {color:var(--cor-cinza-800);}

.navtop .nav-link {padding: 0 1rem; margin-right:20px}

.navtop .nav-link:before {margin-top:0.3rem;content: "";display: block;height: 0.1rem;width: 0;}

.navtop .nav-link:after {margin-top:0.3rem;transition: all ease-in-out .4s;background: none repeat scroll 0 0 var(--cor-laranja);content: "";display: block;height: 2px;width: 0;}

.navtop .nav-link:hover:after {width: 100%;}

.navtop .btn-primary {margin-left:0.4rem}

.navtop .navbar-toggler {padding-right:0;border:0}

.navtop .navbar-toggler:focus,.navtop .navbar-toggler:active,.navtop .navbar-toggler-icon:focus {outline: none;box-shadow: none;}

.navtop .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%236C757D' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'  /%3e%3c/svg%3e");}

.navtop .navbar-toggler.addclass .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%236C757D' d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'  /%3e%3c/svg%3e") !important;}

.navtop .nav-log-participante {text-decoration: none; color: var(--cor-cinza-800); outline: none !important; border: 0 !important;}

.navtop .nav-log .saldo {color:var(--cor-cinza-600); font-size:0.75rem}

.navtop .nav-log span {font-weight: 700; color:var(--cor-laranja)}

.navtop .nav-log .nav-item {padding-top:0.5rem}

.navtop .nav-log .dropdown {border: 1px solid var(--cor-cinza-400); border-radius:0.3rem; padding: 0.3rem 0.9rem;box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05);} 

.navtop .nav-log .dropdown-menu[data-bs-popper] {margin-top: 0.3rem; right: 0; left:auto}

.navtop .nav-log .dropdown-menu.show {box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05); width:16rem; }

.navtop .dropdown-item {border-bottom: 1px solid var(--cor-cinza-400); padding: 1.25rem 0.9rem}

.navtop .dropdown-item-last {border: 0}

.navtop .dropdown-menu-saldo {border-bottom: 1px solid var(--cor-cinza-400); padding: 1.25rem 0.9rem }

.navtop .dropdown-menu-valor {font-size:0.9rem}

.navtop .dropdown-menu-valor-critais {color: var(--cor-laranja); font-size:1.5rem; font-weight: 600; margin-top:0.3rem}





.navtop .item-notificacoes .number {float: left; display: flex;}

.navtop .item-notificacoes span {text-align: center; color:#fff; font-size: 13px;width: 24px; display: inline-block; margin-left: -25px; margin-right: 5px; padding-top: 1px;}

.navtop .item-notificacoes .ico {width: 27px;height: 27px;margin-top: 0;}



.navtop .item-notificacoes-m .number {margin-left: 10px; margin-right: 4px;}

.navtop .item-notificacoes-m {margin: 7px 5px;}

















/* ===== CAROUSEL INÍCIO (FULL SCREEN) ===== */

.carousel-inicio {

  margin-bottom: 4rem;

}



.carousel-inicio .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}

.carousel-inicio .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}



.carousel-inicio .btn-carousel {

  width: fit-content;

  margin-top:15px;

  font-size:18px; 

  padding:12px 30px;

  --bs-btn-color: #fff;

  --bs-btn-border-color: #fff;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: rgb(0 0 0 / 0.1);

  --bs-btn-hover-border-color: rgb(255 255 255 / 0.6);

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: var(--cor-cinza-900);

  --bs-btn-active-border-color: #fff;

}



.carousel-inicio,

.carousel-inicio .carousel,

.carousel-inicio .carousel-inner,

.carousel-inicio .carousel-item {

  height: calc(100vh - 5.3rem);

}



.carousel-inicio .carousel-item img {

  width: 100%;

  height: calc(100vh - 5.3rem);

  object-fit: cover;

}



.carousel-inicio .carousel-item {

  position: relative;

}



.carousel-inicio .carousel-item::after {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.25);

  z-index: 1;

}



.carousel-inicio .carousel-caption {

  position: absolute;

  bottom: 3rem;

  left: 12%;

  right: auto;

  top: auto;

  text-align: left;

  transform: none;

  z-index: 2;

}



.carousel-inicio .carousel-caption h1,

.carousel-inicio .carousel-caption p {

  max-width: 600px;

}



.carousel-inicio .carousel-caption h1 {

  text-align: left;

  font-size:80px; 

  font-weight: 600;

  margin-bottom: 1rem;

}



.carousel-inicio .carousel-caption p {

  font-size: 30px; 

  letter-spacing: -0.5px;

  margin-bottom: 1.5rem;

}



.carousel-item .display-d {display: block !important}

.carousel-item .display-m {display: none !important}





@media (max-width: 768px) {

  .carousel-inicio .carousel-caption {

    bottom: 1.5rem;

    left: 1.5rem;

  }

}

































.header-login {background:rgb(0 0 0 / 0.5); box-shadow: 0 0 5px rgb(0 0 0 / 0.0); z-index: 1020; position: relative; height: 80px; display: flex; align-items: center; margin-bottom: -80px;}

.header-login .slider-ctas-out h1 b {font-weight: 700; }

.header-login .slider-ctas-inner .item { padding:10px 0; display: flex; align-items: center;justify-content: start;color:var(--cor-cinza-900); font-size:13px; gap: 15px;width: 100%;border-radius: 999px; color: #fff;}

.header-login .slider-ctas-inner .item:hover {background:rgb(0 0 0 / 0.5); padding-left: 30px; }

.header-login .slider-ctas-inner .item.jornada {max-width:280px;}

.header-login .slider-ctas-inner .item.cristais {max-width:300px;}

.header-login .slider-ctas-inner .item.dobro {max-width:290px;}

.header-login .slider-ctas-inner {display: flex; justify-content: space-between; width: 100%; gap: 55px; }

.header-login .slider-ctas-inner .item b {display: block; }

.header-login .slider-ctas-inner .item .bi {height: 24px; margin-bottom: 0;}









.beneficios {margin-bottom:6rem}

.beneficios p {margin:0}

.beneficios-btn {margin-top: 3rem; text-align: center;}

.beneficios .col-left {width:25%;}

.beneficios .col-right {width:60%;}



.empresas {color:#fff; text-align: center}

.empresas h1{margin-bottom:1rem}

.empresas-btn {text-align:center; margin-top:3rem; display: block; width:fit-content; margin:0 auto; margin-top: 30px;}

.empresas-logo {margin-top:3rem;position: relative;height: 13rem;overflow: hidden;}

.empresas-logo-img {position: absolute;top: 0;left: 0;display: flex;animation: move 40s infinite linear;}

.empresas-logo-img a {height: 12.5rem;width: 12.5rem;flex-shrink: 0;margin-right: 1.875rem;}

.empresas-logo-img img {padding:0.625rem;border-radius:0.75rem;background:#fff;height: 12.5rem;width: 12.5rem;}





@keyframes move {from {left: 0;}to {left: -143.75rem;}}







.promocoes h1 {margin-bottom:40px}

.promocoes-inner {width:100%; overflow-x: auto; white-space: nowrap;}

.promocoes-itens {width:100%; overflow: hidden;}

.promocoes-itens .item {width:32%; float:left; margin-right:2%; white-space:normal}

.promocoes-itens .item-last {margin-right:0 !important}

.promocoes-btn {margin-top:2.5rem; text-align: center; }

.promocoes .card {border: 1px solid var(--cor-cinza-300)}

.promocoes .card-body {height:10.625rem}

.promocoes .card-title {font-weight: 600; font-size:1.25rem; line-height:1.5; color:var(--cor-cinza-800)}

.promocoes .card-text {color:var(--cor-cinza-600); font-size:0.813rem;font-style: italic;}



.numeros {margin-top:6rem; margin-bottom:6rem}

.numeros-btn {margin-top: 3rem; text-align: center;}

.numeros .col-left {width:25%;}

.numeros .col-right {width:75%;}

.numeros .valor1 {font-size:2.3rem; font-weight: 600;}

.numeros .valor2 {color:var(--cor-cinza-600)}



.inicio-premios {margin-top:6rem; margin-bottom:6rem; text-align: center;}

.inicio-premios h1 {margin-bottom: 30px;}

.inicio-premios .btn {margin-top: 30px;}





.banner-sac {margin-bottom:2.5rem; background: #ac9bbb url("images/img/banner-sac.jpg") no-repeat right center;background-size: auto 100%;height:21rem;padding:0 2.5rem;display:flex;align-items: center;border-radius:0.75rem}

.banner-sac h1 {color: #fff; text-align:left;}

.banner-sac-d span, .banner-sac-m span {white-space: nowrap}

.banner-sac-txt {max-width:34rem}

.banner-sac .btn {margin-top:1.25rem !important; width:12.5rem}

.banner-sac-d {display:block}

.banner-sac-m {display:none}





.footer {background: var(--cor-cinza-050);border-top: 1px solid var(--cor-cinza-300);padding: 5rem 0 1.8rem 0;}

.footer a {font-size:0.9rem;font-weight: 400; color:var(--cor-cinza-800); text-decoration: none; display:inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}

.footer a:hover, .footer .pay a:hover, .footer .com a:hover {color: var(--cor-laranja); font-weight: 600; text-indent: 0.4rem;}

.footer .social a:hover, .footer .baixeoapp a:hover {text-indent: 0; color: var(--cor-cinza-800); opacity: 0.8}

.footer .pay a:hover {color: var(--cor-verde)}

.footer .com a:hover {color: var(--cor-roxo)}

.footer p, .footer h2 {line-height:2.25rem; margin:0; padding:0}

.footer h2 {font-size:1.25rem; font-weight: 700;}

.footer .l2 {margin-top:1.8rem}

.footer .ico-loja {max-width: 10rem;margin-bottom:0.6rem}

.footer .frase {border-top:1px solid var(--cor-cinza-400);margin-top:2.5rem;padding-top:1.8rem;text-align: center;font-weight: 400;font-size:0.938rem;color: var(--cor-cinza-700)}

.footer .frase .bi-suit-heart-fill {color:var(--cor-secundaria-vermelho)}

.footer .social-icon {width:2rem; height:2rem; margin-right:0.6rem}

.footer .social a {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}

.footer .mobile {display:none}

.footer .frase p {font-size:0.938rem}



.poweredby {display: flex; justify-content: center; align-items: center; gap: 10px; color: var(--cor-cinza-600); border-top: 1px solid var(--cor-cinza-400); margin-top:50px; padding:30px 0 30px 0; font-size:13px; font-weight: 500}

.poweredby-logo {height:30px}



.title-destaque {background: var(--cor-cinza-050); color:var(--cor-cinza-900); height:25rem; display:flex; }

.title-destaque h1 {text-align: left;}

.title-destaque .container {display:flex; justify-content:space-between; align-items: center }

.title-destaque .img {height:100%}

.title-destaque .img-space {height:0.6rem; width:0.6rem}

.title-destaque .txt {margin-right:6.25rem}





.pg-ganhecristais .comofunciona h1 {margin-bottom:2rem; margin-top:4rem}

.pg-ganhecristais .comofunciona .info {height:10rem;display:flex;align-items: center; padding:0.9rem ; padding-bottom:calc(0.9rem + 1.75rem)}

.pg-ganhecristais .comofunciona .info img {height:100%; margin-right:1.25rem}

.pg-ganhecristais .comofunciona .info1 {background: url("images/comofunciona-info1.svg") no-repeat; background-size:100% auto;}

.pg-ganhecristais .comofunciona .info2 {background: url("images/comofunciona-info2.svg") no-repeat; background-size:100% auto; padding-left: 2.25rem}

.pg-ganhecristais .comofunciona .info3 {background: url("images/comofunciona-info3.svg") no-repeat; background-size:100% auto; padding-left: 2.25rem}

.pg-ganhecristais .comofunciona .info4 {background: url("images/comofunciona-info4.svg") no-repeat; background-size:100% auto; color:#fff}







.pg-ganhecristais .comoganhar {margin-top:6rem; background-color: var(--cor-cinza-100); padding: 40px 0 80px 0;}

.pg-ganhecristais .comoganhar .info-title {text-align: center; margin: 0 auto; max-width: 900px;}

.pg-ganhecristais .comoganhar h2 {margin-top:80px; text-align: center; font-size: 30px;}

.pg-ganhecristais .comoganhar-tab {margin-top:3.125rem;}

.pg-ganhecristais .comoganhar-tab-conteudo {display: flex; gap: 40px; justify-content: center; align-items: center;}

.pg-ganhecristais .comoganhar-tab-sidebar {display: flex !important; align-items: center !important; justify-content: center;}

.pg-ganhecristais .comoganhar-tab .tab-content {width:60%}

.pg-ganhecristais .comoganhar-tab .nav-link {border-radius:9999px;display: flex;align-items: center;padding: 8px 8px 8px 10px;max-width: 300px;margin: 0;width:25rem;text-align:left;margin-bottom:30px;color:var(--cor-cinza-200);background: var(--cor-cinza-900); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}

.pg-ganhecristais .comoganhar-tab h4 {font-size: 17px; margin-bottom: 1px; display: flex; align-items: center; gap: 15px;}

.pg-ganhecristais .comoganhar-tab .nav-link.active, .pg-ganhecristais .comoganhar-tab .nav-link.active:hover{color:var(--cor-cinza-900); background: var(--cor-laranja); }

.pg-ganhecristais .comoganhar-tab .nav-link:hover{background: var(--cor-cinza-800); color: #fff;}

.pg-ganhecristais .comoganhar-tab .nav-link span {color:var(--cor-cinza-900); background-color: #fff; width: 40px; height: 40px; border-radius: 999px; font-size: 22px; display: flex; align-items: center; justify-content: center;}

.pg-ganhecristais .comoganhar-tab .btn {width: 90% !important; max-width: 90% !important; display: block !important; margin-top: 20px;}

.pg-ganhecristais .comoganhar-tab .inner h3 {color: var(--cor-laranja); margin: 0; margin-bottom: 30px;}

.pg-ganhecristais .comoganhar-tab .inner {border-radius: 20px;overflow: hidden;padding:30px 45px 0 45px;border:0px; background: #fff;display: flex;align-items: center;gap: 50px;box-shadow: 0 0 1.875rem rgb(0 0 0 / 0.1);height: 450px;}

.pg-ganhecristais .comoganhar-tab .inner .img-principal {max-height: 100%;}

.pg-ganhecristais .comoganhar-tab .inner1 .info {padding-top: 30px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}

.pg-ganhecristais .comoganhar-tab .inner1 .img-apoio { max-width: 180px; margin-top:15px; margin-left: auto; display:block}

.pg-ganhecristais .comoganhar-tab .inner2 .info {padding-bottom: 30px; height:100%; display: flex; flex-direction: column; justify-content: center;}

.pg-ganhecristais .comoganhar-tab .inner2 .img-apoio {max-width: 350px; margin-top:35px; margin-right: auto; display:block}

.pg-ganhecristais .comoganhar-tab .inner3 .info {padding-top: 30px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}

.pg-ganhecristais .comoganhar-tab .inner3 .img-apoio {max-width: 250px; margin-top:15px; margin-left: auto; display:block}

.pg-ganhecristais .comoganhar-tab .inner4 .info {padding-top: 30px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}

.pg-ganhecristais .comoganhar-tab .inner4 .img-apoio { max-width: 100px; margin-top:15px; margin-left: auto; display:block}

.pg-ganhecristais .comoganhar-tab.display-d {display:block}

.pg-ganhecristais .comoganhar-tab.display-m {display:none}



.pg-ganhecristais .empresas {color: var(--cor-cinza-800);}

.pg-ganhecristais .empresas {margin-top:6.25rem}

.pg-ganhecristais .empresas-logo img {border: 1px solid var(--cor-cinza-300); box-shadow: 1px 1px 1px rgb(255 255 255 / 0.05); border-radius:20px}

.pg-ganhecristais .empresas-logo {margin-top:0}

.pg-ganhecristais .empresas-btn {margin-bottom:2rem;}



.pg-ganhecristais h1 {margin-top:3.75rem; margin-bottom:2.5rem;}

.pg-ganhecristais .title-destaque-display-d {display:block}

.pg-ganhecristais .title-destaque-display-m {display:none;}

.pg-ganhecristais .title-destaque-ganhecristais {background: #ff7500; }

.pg-ganhecristais .title-destaque-ganhecristais h1{color:#fff; margin-bottom: 1.25rem; max-width: 500px;}

.pg-ganhecristais .title-destaque-ganhecristais p {color:#fff; font-size: 1.1rem; margin-top: 15px; max-width: 600px;}







.pg-troquepremios .title-destaque-display-d {display:block}

.pg-troquepremios .title-destaque-display-m {display:none;}

.pg-troquepremios .title-destaque-troquepremios {background: #ff7500; }

.pg-troquepremios .title-destaque-troquepremios h1{color:#fff; margin-bottom: 1.25rem; max-width: 700px;}

.pg-troquepremios .title-destaque-troquepremios p {color:#fff; font-size: 1.1rem; margin-top: 15px; max-width: 700px;}





.pg-troquepremios .vantagens {margin-top:2rem}

.pg-troquepremios .comotrocar {margin-top:20px; background-color: var(--cor-cinza-100); padding: 100px 0 120px 0;}

.pg-troquepremios .comotrocar .info-title {text-align: center; margin: 0 auto; max-width: 900px; margin-top: 50px;}

.pg-troquepremios .comotrocar h2 {margin-top:80px; text-align: center; font-size: 30px;}

.pg-troquepremios .comotrocar-tab {margin-top:3.125rem;}

.pg-troquepremios .comotrocar-tab-conteudo {display: flex; gap: 40px; justify-content: center; align-items: center;}

.pg-troquepremios .comotrocar-tab-sidebar {display: flex !important; align-items: center !important; justify-content: center;}

.pg-troquepremios .comotrocar-tab .tab-content {width:60%}

.pg-troquepremios .comotrocar-tab .nav-link {border-radius:9999px;display: flex;align-items: center;padding: 8px 8px 8px 10px;max-width: 300px;margin: 0;width:25rem;text-align:left;margin-bottom:30px;color:var(--cor-cinza-200);background: var(--cor-cinza-900); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}

.pg-troquepremios .comotrocar-tab h4 {font-size: 17px; margin-bottom: 1px; display: flex; align-items: center; gap: 15px;}

.pg-troquepremios .comotrocar-tab .nav-link.active, .pg-troquepremios .comotrocar-tab .nav-link.active:hover{color:var(--cor-cinza-900); background: var(--cor-laranja); }

.pg-troquepremios .comotrocar-tab .nav-link:hover{background: var(--cor-cinza-800); color: #fff;}

.pg-troquepremios .comotrocar-tab .nav-link span {color:var(--cor-cinza-900); background-color: #fff; width: 40px; height: 40px; border-radius: 999px; font-size: 22px; display: flex; align-items: center; justify-content: center;}

.pg-troquepremios .comotrocar-tab .btn {width: 90% !important; max-width: 90% !important; display: block !important; margin-top: 20px;}

.pg-troquepremios .comotrocar-tab .inner h3 {color: var(--cor-laranja); margin: 0; margin-bottom: 30px;}

.pg-troquepremios .comotrocar-tab .inner {border-radius: 20px;overflow: hidden;padding:30px 45px 0 45px;border:0px; background: #fff;display: flex;align-items: center;gap: 50px;box-shadow: 0 0 1.875rem rgb(0 0 0 / 0.1);height: 450px;}

.pg-troquepremios .comotrocar-tab .inner .img-principal {max-height: 100%;}

.pg-troquepremios .comotrocar-tab .inner1 .info {padding-top: 30px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}

.pg-troquepremios .comotrocar-tab .inner1 .img-apoio { max-width: 180px; margin-top:15px; margin-left: auto; display:block}

.pg-troquepremios .comotrocar-tab .inner2 .info {padding-top: 30px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}

.pg-troquepremios .comotrocar-tab .inner2 .img-apoio {max-width: 230px; margin-top:10px; margin-left: auto; display:block}

.pg-troquepremios .comotrocar-tab .inner3 .info {padding-top: 30px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}

.pg-troquepremios .comotrocar-tab .inner3 .img-apoio { max-width: 100px; margin-top:15px; margin-left: auto; display:block}

.pg-troquepremios .comotrocar-tab.display-d {display:block}

.pg-troquepremios .comotrocar-tab.display-m {display:none}





.pg-troquepremios .catalogo {margin-top: 80px; margin-bottom: 80px;}

.pg-troquepremios .catalogo h1 {color: var(--cor-laranja); margin-bottom:50px}

.pg-troquepremios .catalogo-nav {background:transparent}

.pg-troquepremios .catalogo-nav .nav-item {width:18%; margin:0; padding:0}

.pg-troquepremios .catalogo-nav .nav-link {width:100%; border: 1px solid var(--cor-cinza-400);background-color: var(--cor-cinza-100); color: var(--cor-cinza-600); border-radius:0.375rem; box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);padding: 28px 0 20px 0}

.pg-troquepremios .catalogo-nav .nav-link.active {font-weight: 600; width:100%; background:#fff; color:var(--cor-cinza-800);}

.pg-troquepremios .catalogo-nav .nav-link .img-categoria {opacity: 0.5; display:block; width:80%; max-width:5rem; margin:0 auto; margin-bottom:0.313rem; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}

.pg-troquepremios .catalogo-nav .nav-link.active .img-categoria {opacity:1; filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);}

.pg-troquepremios .catalogo-nav .tab-content {background:#fff; border: 1px solid var(--cor-cinza-400); border-radius:0.375rem; padding:1.25rem; box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05)}

.pg-troquepremios .catalogo-nav .nav-link .img-categoria {max-width: 40px; margin-bottom: 15px;}



.premiolink {color: var(--cor-cinza-900) !important}



.catalogo .carousel {margin-bottom:0}

.catalogo .carousel .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}

.catalogo .carousel .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.catalogo .carousel-control-prev {width:2rem; left: -4.375rem;}

.catalogo .carousel-control-next {width:2rem; right: -4.375rem}

.catalogo .carousel-item {height: auto;}

.catalogo-btn {margin-top: 1.25rem; text-align: center}



.pg-parceiros .img-destaque img {height: 25rem}

.pg-parceiros .img-destaque {position: relative; background:#6e9051; text-align: right; height:25rem; display:flex; justify-content: center; align-items: center}

.pg-parceiros .title-destaque-display-d {display:block}

.pg-parceiros .title-destaque-display-m {display:none}

.pg-parceiros .title-destaque-parceiros {background: #6e9151}

.pg-parceiros .title-destaque-parceiros h1{color:#fff; margin-bottom: 1.25rem}

.pg-parceiros .vantagens {margin-top:2.5rem; margin-bottom: 5rem}

.pg-parceiros .categorias h1 {margin-top: 3.75rem; margin-bottom:0.625rem}

.pg-parceiros .lista-empresas {background: var(--cor-cinza-100) url("images/bg-wave.svg") no-repeat top; background-size:100% auto;}

.pg-parceiros .lista-empresas-form {max-width:25rem; margin:0 auto; padding-top:40px; margin-bottom:40px}

.pg-parceiros .lista-empresas-form-input {border-radius:0 0.375rem 0.375rem 0 !important; margin-right:0.625rem; background: #fff!important; border-left: 0 !important;}

.pg-parceiros .lista-empresas-form-btn {border-radius:0.375rem !important; height: 3.438rem;}



.pg-parceiros .lista-empresas-cat {  margin-bottom: 50px; display: flex; align-items: center; justify-content: space-between; gap: 10px}

.pg-parceiros .lista-empresas-cat .btn { display: flex; flex-direction: column; gap: 5px; font-size:15px; box-shadow: none; --bs-btn-active-color: var(--cor-cinza-900); --bs-btn-active-bg: transparent; --bs-btn-active-border-color: transparent; --bs-btn-color: var(--cor-cinza-500); --bs-btn-border-color: transparent; --bs-btn-bg: transparent;}

.pg-parceiros .lista-empresas-cat i {font-size: 26px;}



.pg-parceiros .lista-empresas {padding-bottom:3.75rem}

.pg-parceiros .lista-empresas .logo {background:#fff; margin-bottom:1.25rem; border-radius:0.75rem; padding:0.625rem; box-shadow: 0 0 1.875rem rgb(0 0 0 / 0.1)}

.pg-parceiros .lista-empresas .logo img {opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out}

.pg-parceiros .lista-empresas .logo img:hover {opacity: 0.5}

.pg-parceiros .categorias .display-d {display:block}

.pg-parceiros .categorias .display-m {display:none}

.pg-parceiros .categorias .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}

.pg-parceiros .categorias .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.pg-parceiros .carousel-control-next, .pg-parceiros .carousel-control-prev {width: 2.5rem}

.pg-parceiros .carousel-control-prev {left:-2.188rem}

.pg-parceiros .carousel-control-next {right:-2.188rem}

.pg-parceiros .categorias  .card-img-overlay {padding:0}

.pg-parceiros .categorias .card-img-overlay span {display: block;position: absolute;bottom: 0;width: 100%;padding-bottom: 0.5rem;}

.pg-parceiros .card-img, .pg-parceiros .card-img-bottom, .pg-parceiros .card-img-top {width: 60%;margin: 0 auto;margin-bottom: 2.5rem;margin-top: 0.625rem;}

.pg-parceiros .categorias .card {border:0}

.pg-parceiros .categorias .carousel-inner .carousel-item.active,.pg-parceiros .categorias .carousel-inner .carousel-item-next,.pg-parceiros .categorias .carousel-inner .carousel-item-prev {display: flex;}

.pg-parceiros .categorias .carousel-inner .carousel-item-end.active,.pg-parceiros .categorias .carousel-inner .carousel-item-next {transform: translateX(16.66666666666667%);}

.pg-parceiros .categorias .carousel-inner .carousel-item-start.active, .pg-parceiros .categorias .carousel-inner .carousel-item-prev {transform: translateX(-16.66666666666667%);}

.pg-parceiros .categorias .carousel-inner .carousel-item-start {transform: translateX(0);}



.pg-promocoes h1 {margin-top:3.75rem; margin-bottom: 1.875rem}

.pg-promo-single {background-color: var(--cor-cinza-100); padding-top:80px; padding-bottom: 80px;}



.pg-promo-single h1 {font-size:26px; display: flex; align-items: center; justify-content: space-between; max-width: 700px; margin: 0 auto; text-align: left;}

.pg-promo-single img {display: block; margin: 0 auto; margin-top:60px; }

.pg-promo-single .btn {white-space: nowrap; margin-left:50px; padding-left:10px; padding-right: 15px;}

.pg-promo-single .btn i {margin-right: 10px;}



.box-baixeoapp {margin-top: 3.75rem; border: 0 solid var(--cor-cinza-900); border-radius: 0.75rem; text-align: center}

.box-baixeoapp h1 {color: var(--cor-laranja); background: #fff; padding: 0 1.875rem;  display: inline-block; margin-top: -1.875rem}

.box-baixeoapp p {text-align: left}

.box-baixeoapp .btn-loja {display:block; max-width: 10.625rem; margin-bottom: 0.625rem}

.box-baixeoapp .img-cristal {height: 14.375rem}

.box-baixeoapp .box-img {text-align: right}

.box-baixeoapp .box-txt {display:flex; align-items: center}



.pg-sac h1 {margin-top:3.75rem; margin-bottom:2.5rem;}

.pg-sac .title-destaque-display-d {display:block}

.pg-sac .title-destaque-display-m {display:none}

.pg-sac .title-destaque-sac {background: #ac9bbb}

.pg-sac .title-destaque-sac h1{color:#fff; margin-bottom: 1.25rem}

.pg-sac .title-destaque-sac p {color:#fff; font-size: 1.1rem}



.pg-sac .nav-tabs .nav-link {width: 25%; color: var(--cor-cinza-600); font-weight: 400}

.pg-sac .nav-tabs .nav-link.active {color:var(--cor-laranja); font-weight: 600}

.pg-sac .autoajuda-inner {border:1px solid var(--cor-cinza-300); border-top:0; border-radius:0 0 0.375rem 0.375rem; padding: 2.5rem 1.875rem; display: flex; align-items: center; justify-content:space-between}

.pg-sac .autoajuda .btn {width: 100%; max-width:17.5rem; margin-left: 3.75rem}

.pg-sac .autoajuda.display-d {display:block}

.pg-sac .autoajuda.display-m {display:none}



.pg-sac-form label {color: var(--cor-cinza-900) !important;}



.pg-sac-form .btn-enviar {padding-left: 50px; padding-right: 50px ;}







/* Botão "Escolher arquivo" */

.pg-sac-form input[type="file"]::file-selector-button {

  background-color: #fff;

  color: var(--cor-cinza-900);

  border: none;

  padding: 0.6rem 2rem;

  border-radius: 0.375rem 0 0 0.375rem;

  cursor: pointer;

  transition: background-color 0.2s ease;

  border-right: 1px solid var(--cor-cinza-400);

}



.pg-sac-form input[type="file"]::file-selector-button:hover {

  background-color: #fff;

}



.pg-sac-form small {color: var(--cor-cinza-600);  display: block;} 

.pg-sac-form .form-codigo {max-width: 300px}



.pg-sac-form .form-email .input-group {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  align-items: end;

  width: 100%;

}

.pg-sac-form .form-email .btn {

  height: 55px;

}



.pg-sac-form .msg-sucesso {margin-top: 20px;}



.pg-sac-form .btn.disabled, .pg-sac-form .btn:disabled, .pg-sac-form fieldset:disabled .btn {

  font-weight: 400;

  color: var(--cor-cinza-900);

  background-color: #fff;

  border-color: var(--cor-cinza-500);

  opacity: var(--bs-btn-disabled-opacity);

}



.pg-sac-form .form-email i {font-size: 22px; color: var(--cor-verde-escuro);}





.pg-clube h1 {margin-top:3.75rem; margin-bottom:2.5rem;}

.pg-clube .title-destaque-display-d {display:block}

.pg-clube .title-destaque-display-m {display:none}

.pg-clube .title-destaque-clube {background: #ed8040; background-image: url(images/clube_img_bg.png);}

.pg-clube .title-destaque-clube h1{color:#fff; margin-bottom: 1.25rem}

.pg-clube .title-destaque-clube p {color:#fff; font-size: 1.1rem; margin-top: 15px;}



.pg-clube .bloco1 {margin-top: 100px; margin-bottom: 130px;}

.pg-clube .bloco1 .inner {display: flex; gap: 100px; align-items: center;}

.pg-clube .bloco1 h1 {text-align: center; margin-bottom: 50px; background-color: var(--cor-cinza-900); border-radius: 999px; color: #fff; font-size: 45px;padding: 20px; }

.pg-clube .bloco1 p {margin-top: 20px;}

.pg-clube .bloco1 .img {max-width: 457px; width: 100%;}

.pg-clube .bloco1 .destaque {font-size: 23px; font-weight: 700;}

.pg-clube .bloco1 span {white-space: nowrap}

.pg-clube .bloco1 .img.display-m {display: none;}



.pg-clube .bloco1 .btn {margin-top: 30px;}



.pg-clube .bloco2 {background-color: var(--cor-cinza-900); padding: 100px 0 80px 0}

.pg-clube .bloco2 h1 {margin: 0; color: #fff;}

.pg-clube .bloco2 .info-itens {display: flex; justify-content: space-between; margin-top: 50px; gap: 30px; margin-bottom: 50px}

.pg-clube .bloco2 .info-itens .item {width: 100%; background-color: #fff; display: flex; flex-direction: column; padding: 30px; border-radius: 12px;}

.pg-clube .bloco2 .feature-icon {display: inline-flex;align-items: center;justify-content: center;color: #fff;background-color: var(--cor-laranja);background-image: var(--bs-gradient) !important;font-size: 2rem;margin-bottom: 20px;width: 4rem;height: 4rem;border-radius: .75rem;}

.pg-clube .bloco2 .feature-icon h2 {margin: 0;}

.pg-clube .bloco2 .img {max-width: 150px;}

.pg-clube .bloco2 .feature-icon-seta {background: #fff; color: var(--cor-cinza-900); font-size: 35px;}

.pg-clube .bloco2 .destaque {color: #fff; text-align: center; font-size: 13px;}



.pg-clube .bloco3 {background: url(images/clube-onda-esq.svg) no-repeat left top; background-size: 300px auto; padding-top: 100px; min-height: 500px;}

.pg-clube .bloco3 h1 {margin-top: 0; max-width: 680px; margin: 0 auto; margin-bottom: 50px;}

.pg-clube .bloco3 .link {background-color: var(--cor-cinza-900); max-width: 700px; margin: 0 auto; padding: 60px 130px; border-radius: 9000px;}

.pg-clube .bloco3 .input-group .form-control {border-left: 1px; border-left: 1px solid var(--cor-cinza-400);}

.pg-clube .bloco3 .btn-indicar {width: 100%; margin-top: 20px;}

.pg-clube .bloco3 .indicados {border:1px solid var(--cor-cinza-400); box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05); background-color: #fff; border-radius: 12px; padding: 40px;margin: 0 auto;margin-top: 80px;}

.pg-clube .bloco3 .indicados h1 {margin-bottom: 40px;}

.pg-clube .bloco3 .check {color: var(--cor-cinza-900); font-weight: 700; font-size: 25px;}

.pg-clube .bloco3 .recompensa.check {color: var(--cor-laranja);}



.pg-clube .bloco3 .regras {text-align: center; font-size: 14px; margin-top: 30px;}

.pg-clube .bloco3 .regras a {color: var(--cor-cinza-900);}

.pg-clube .bloco3 .regras a:hover {color: var(--cor-cinza-600);}

.pg-clube .bloco3 .regras i {color: var(--cor-laranja); }



.pg-clube .bloco4 {margin-top: 100px;background-color: var(--cor-laranja); padding: 80px 0; color: #fff; text-align: center; }

.pg-clube .bloco4 .inner {display: flex; gap: 100px; align-items: center;}

.pg-clube .bloco4 h1 {text-align: center; margin: 0; background-color: var(--cor-cinza-900); border-radius: 999px; color: #fff; font-size: 35px;padding: 20px; }

.pg-clube .bloco4 h1 span {color: var(--cor-laranja); }

.pg-clube .bloco4 h2 {font-size: 25px; margin: 40px 0 20px 0;}

.pg-clube .bloco4 p {margin-top: 20px;}

.pg-clube .bloco4 .img {max-width: 457px; width: 100%;}

.pg-clube .bloco4 .destaque {font-size: 23px; font-weight: 700;}

.pg-clube .bloco4 span {white-space: nowrap}

.pg-clube .bloco4 .btn {margin-top: 20px; font-size:18px; padding: 15px 25px;}

.pg-clube .bloco4 .img.display-m {display: none;}



.pg-clube .bloco6 {padding: 60px 0 140px 0; background: url(images/clube-dots-dir.svg) no-repeat right top; background-size: 300px auto; text-align: center; }

.pg-clube .bloco6 .premios {display: flex; gap: 15px;}

.pg-clube .bloco6 .premios .img {border-radius: 12px;}

.pg-clube .bloco6 .btn {margin-top: 30px; padding-left:30px; padding-right: 30px;}



.pg-clube-inicial .bloco1 {margin: 50px 0 80px 0;}

.pg-clube-inicial .bloco1 h1 {text-align: left;margin-bottom: 0;background-color: #fff;color: var(--cor-cinza-900);border-radius: 999px;font-size: 52px;padding: 0;}

.pg-clube-inicial p {margin: 0;}



.tabela-indicados {margin-top:50px}

.tabela-indicados a {color: var(--cor-cinza-900)}

.tabela-indicados .info h3 {font-size: 1rem; }

.tabela-indicados .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-indicados .info:hover {background:var(--cor-cinza-100)}

.tabela-indicados .titulo:hover {background:#fff !important}

.tabela-indicados .item {width: 100%;} 

.tabela-indicados .item.ico {width: 140px; font-size: 26px;} 

.tabela-indicados .legenda-m {display: none;}













.pg-regulamento {margin-top: 100px;}

.pg-regulamento p {margin-bottom: 20px; }

.pg-regulamento h2 {margin-bottom: 25px; margin-top: 60px; color: var(--cor-laranja)}

.pg-regulamento small {font-size: 16px; margin-top: 50px; display: block;}

.pg-regulamento .btn {margin-bottom: 40px;}



.accordion {margin-bottom: 0.938rem;}

.accordion .accordion-button.collapsed {font-weight:500; font-size: 1rem; color:var(--cor-cinza-700); background: #fff; }

.accordion .accordion-button {font-weight:600; font-size: 1.1rem; color:var(--cor-cinza-900); background: #fff; }

.accordion-button:focus {outline: 0 !important;box-shadow:none}

.accordion strong {display:block; margin-bottom:0.625rem}





.empresa-header {display:block; width:100%; max-width: 1296px; margin: 0 auto}

.empresa-banner-d {display:block}

.empresa-banner-m {display:none}

.empresa-info {display: flex; justify-content:space-between; align-items: center; }

.empresa-info-dados {display: flex; align-items: center; }

.empresa-info-logo img {margin:-30px 0 0 30px; background:#fff; width: 210px;padding: 0.625rem;border-radius: 0.75rem; box-shadow: 0 0 1.875rem rgb(0 0 0 / 0.1); margin-right:35px}

.empresa-info-unidade h2 {margin:0; color:var(--cor-cinza-800); font-size:30px}

.empresa-info-conversao {display: flex; align-items: center; margin-top:20px}

.empresa-info-conversao h2 {margin:0; color:var(--cor-cinza-800); font-size:18px; font-weight:500;}

.empresa-info-conversao span {color:var(--cor-laranja); font-weight: 700}

.empresa-info-conversao-ic {color:var(--cor-cinza-600); width:23px; height:23px; margin-right:8px; }





.empresa-info-nfc {text-align: right; --bs-btn-bg: #FFF; --bs-btn-color: var(--cor-cinza-700);--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-hover-color: var(--cor-cinza-800);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: var(--cor-cinza-900);--bs-btn-active-color: var(--cor-cinza-800);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: var(--cor-cinza-900)}





.empresa-info-cta-ic {width:21px; height:21px; margin-bottom:5px;}

.empresa-info-cta .btn {font-size:14px; font-weight: 500;margin:0 0 0 10px; padding-left:30px; padding-right: 30px}

.empresa-info-cta .btn-pay {padding-left:50px; padding-right:50px}

.empresa-info-cta .btn-secondary {--bs-btn-bg: #FFF; --bs-btn-color: var(--cor-cinza-700);--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-hover-color: var(--cor-cinza-800);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: var(--cor-cinza-900);--bs-btn-active-color: var(--cor-cinza-800);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: var(--cor-cinza-900);}

.empresa-info-cta .btn-primary  {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-verde);--bs-btn-border-color:var(--cor-verde);--bs-btn-hover-color: #fff;--bs-btn-hover-bg:  var(--cor-verde-escuro);--bs-btn-hover-border-color:var(--cor-verde-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-verde);--bs-btn-active-border-color: var(--cor-verde);}

.empresa-info-tipo {text-align: center; padding:20px 30px; border: 1px solid var(--cor-cinza-400); border-radius:6px; box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05)}

.empresa-info-tipo i {color: var(--cor-laranja); font-size: 25px;}

.empresa-info-tipo-ic {height: 30px; margin-bottom: 10px;}







.pg-empresa-vitrine .filtro-busca {padding-left: 30px; margin-top: 60px; display: flex; width: 100%; gap: 10px}

.pg-empresa-vitrine .filtro-busca .input-buscar {width: 100%; flex: 1 1 auto!important;}

.pg-empresa-vitrine .filtro-busca .dropdown .btn {height: 3.438rem;}

.pg-empresa-vitrine .filtro-busca .dropdown i {display: none;}

.pg-empresa-vitrine h1 {text-align: left; margin-left: 0; margin-bottom: 20px !important; font-size: 30px;}

.pg-empresa-vitrine .section-products-inner {margin-bottom: 60px;}

.pg-empresa-vitrine-menu-top {display: none;}





.pg-empresa-vitrine-footer {background: var(--cor-cinza-050);border-top: 1px solid var(--cor-cinza-300);padding: 5rem 0}

.pg-empresa-vitrine-footer h2 {font-size: 1.2rem;}

.pg-empresa-vitrine-footer a {border-bottom: 2px solid transparent;font-size: 0.9rem;font-weight: 400;color: var(--cor-cinza-800);text-decoration: none;display: inline-block;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.pg-empresa-vitrine-footer p {font-size: 0.9rem; line-height: 2;}

.pg-empresa-vitrine-footer a:hover {color: var(--cor-laranja);}

.pg-empresa-vitrine-footer .inner {display: flex; justify-content: space-between;}

.pg-empresa-vitrine-footer .news .form {display: flex; gap: 10px; margin-top: 10px;}

.pg-empresa-vitrine-footer .news .form-control, .pg-empresa-vitrine-footer .news .btn {font-size: 0.9rem; height: 45px; padding: 0 15px}

.pg-empresa-vitrine-footer .social .icons {display: flex; gap:20px}

.pg-empresa-vitrine-footer .social .icons a {color: var(--cor-cinza-800);}

.pg-empresa-vitrine-footer .social .icons .bi {width: 30px;}



.list-products {margin-bottom:80px; text-align: center; margin-top:80px}

.list-products .single-product {text-align: left;border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);border-radius:6px;margin-bottom: 26px;}

.list-products .card-img-top {border-radius:5px 5px 0  0;}

.list-products .single-product .part-2 {padding:25px 20px 10px 20px}

.list-products .single-product .part-1 {position: relative;overflow: hidden;}

.list-products .single-product .part-1::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transition: all 0.3s;}

.list-products .single-product:hover .part-1::before {transform: scale(1.2,1.2) rotate(5deg);}

.list-products .single-product .part-1 .discount{position: absolute;top: 15px;left: 15px;color: #ffffff;background-color: var(--cor-laranja);border-radius:999px;padding: 2px 10px;font-size: 0.85rem}

.list-products .single-product .part-1 ul {position: absolute;bottom: -41px;left: 20px;margin: 0;padding: 0;list-style: none;opacity: 0;transition: all 0.5s}

.list-products .single-product .part-1:hover ul {opacity: 1; bottom: 19px;}

.list-products .single-product .part-1 ul li {display: inline-block; margin-right: 4px; background: #fff; height:40px; line-height: 40px; border-radius:6px; padding: 0 15px; font-size:14px; font-weight: 500}

.list-products .single-product .part-1 ul .favoritar a {color:#fff}

.list-products .single-product .part-1 ul .favoritar a:hover {color:#fff}

.list-products .single-product .part-1 ul li a {color:var(--cor-cinza-900)}

.list-products .single-product .part-1 ul li a:hover {color:var(--cor-laranja)}

.list-products .single-product .part-2 .product-title {font-weight: 500;font-size: 15px; line-height:21px; min-height:66px}

.list-products .single-product .part-2 .product-title a {color: var(--cor-cinza-900); white-space:normal }

.list-products .single-product .part-2 h4 {display: inline-block;font-size: 1rem;}

.list-products .single-product .part-2 .product-price {color:var(--cor-laranja);font-weight: 700}

.list-products .single-product .part-2 .product-old-price {position: relative;padding: 0 3px;margin-right: 10px;opacity: 0.4;font-weight: 600;}

.list-products .single-product .part-2 .product-old-price::after {position: absolute;content: "";top: 50%;left: 0;width: 100%;height: 1px;background-color: #444444;transform: translateY(-50%);}

.list-products-section {margin-bottom: 50px;}







.pg-produto .produto-container {display: flex; margin-top: 50px; gap: 50px;}

.pg-produto .produto-container .produto-foto {max-width: 600px; width: 100%;}

.pg-produto .produto-container .produto-info {margin-top: 20px; width: 50%;}

.pg-produto .produto-container .produto-info h4 {margin-bottom: 30px; font-size: 20px;}

.pg-produto .produto-container .produto-info .preco-de {font-weight: 400; text-decoration: line-through; font-size: 20px;}

.pg-produto .produto-container .produto-info .preco-final {color: var(--cor-laranja); font-size: 30px;}

.pg-produto .produto-container .produto-info .parcelamento {margin-bottom: 30px;margin-top: 20px;}

.pg-produto .produto-container .produto-info .parcelamento b {color: var(--cor-laranja); }

.pg-produto .produto-container .carousel-thumbnails {margin-top: 30px;display: flex;justify-content: center;gap: 10px;}

.pg-produto .produto-container .thumb-img {width: 110px;height: auto;cursor: pointer;border: 1px solid transparent;border-radius: 8px;transition: border-color 0.2s ease;}

.pg-produto .produto-container .thumb-img:hover,

.pg-produto .produto-container .thumb-img.active {border-color: var(--cor-cinza-900);}







.pg-produto .produto-container .produto-info .variacoes-tam {margin-bottom: 40px;}

.pg-produto .produto-container .produto-info .variacoes-tam .btn {border-radius: 999px; padding: 10px 16px; font-size: 14px; margin-right: 5px;}



.pg-produto .produto-container .produto-info .variacoes-cor {margin-bottom: 25px;}

.pg-produto .produto-container .produto-info .variacoes-cor .btn {padding: 0; overflow: hidden; max-width: 60px; padding: 4px; margin-right: 10px;}

.pg-produto .produto-container .produto-info .variacoes-cor img {border-radius: 6px;}



.pg-produto .carousel-indicators {position: absolute;bottom: 10px; /* quanto mais alto o número, mais longe da imagem */display: flex;justify-content: center;gap: 8px;}

.pg-produto .carousel-indicators button {width: 10px;height: 10px;border-radius: 50%;border: none;background-color:var(--cor-cinza-600);transition: background-color 0.3s ease;}

.pg-produto .carousel-indicators .active {background-color: var(--cor-cinza-900); }



.pg-produto .nav-comprar {margin-bottom: 50px; display: flex; gap: 10px;}

.pg-produto .nav-comprar .btn-comprar {padding-left: 40px; padding-right: 40px;}

.pg-produto .nav-comprar .btn-share {color: var(--cor-cinza-900); background-color: var(--cor-cinza-100); font-size: 20px; display: flex; width: 50px; align-items: center; justify-content: center; border-radius: 8px;} 

.pg-produto .nav-comprar .btn-share:hover {background-color: var(--cor-cinza-200);}









.vitrine-nav {font-weight:500; font-family: 'Montserrat', Arial, Helvetica, sans-serif; display: flex; justify-content: space-between;}

.vitrine-nav .nav-breadcrumb {padding-top: 30px;}



.vitrine-nav .icon-cart {margin-top: 17px;}

.vitrine-nav .icon-cart a {color: var(--cor-cinza-900); font-size: 25px; padding:10px; border-radius: 999px; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center;}

.vitrine-nav .icon-cart a:hover {background-color: var(--cor-cinza-100);}



.box-premios {border: 1px solid var(--cor-cinza-400);border-radius: 0.375rem;padding: 1.25rem;box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);}

.box-premios .btn-collapsepremios {border-radius:999px; padding:0; height: 40px; width: 40px; line-height: 40px; float: right; margin-top:4px;margin-bottom:-40px; --bs-btn-color:var(--cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-hover-color: var(--cor-cinza-700);--bs-btn-hover-bg:  #FFF;--bs-btn-hover-border-color: var(--cor-cinza-900);--bs-btn-active-color: var(--cor-cinza-700);--bs-btn-active-bg:  #FFF;--bs-btn-active-border-color:  var(--cor-cinza-900);}



.pg-empresa .empresa-texto {margin:50px 0; font-size:19px; border: 1px solid var(--cor-cinza-400); box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);border-radius:6px; padding: 25px 20px }



.collapsePay {display: flex; justify-content: end; align-items: center; width: auto; margin-top:-20px}

.collapsePay .cpf {border: 1px solid var(--cor-cinza-400); border-left:0; background:#fff;box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);padding:13px 20px; width:230px; height:165px; border-radius: 0 0.375rem 0.375rem 0 }

.collapsePay .cpf .btn {padding: 5px 0; font-size:15px; margin-top:10px}

.collapsePay .info {border: 1px solid var(--cor-cinza-400); border-right:0; background:#fff; box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);padding:0 20px; height:165px; display: flex; align-items: center; border-radius: 0.375rem 0 0 0.375rem}

.collapsePay .info .nome {font-weight: 400; font-size:20px}

.collapsePay .info .nome span {font-weight: 600}

.collapsePay .info .valor .form-control {font-size:20px; font-weight: 400; max-width:180px; height:50px; padding-left:45px}

.collapsePay .info .valor .rs {font-size:20px; font-weight: 400; height:50px; line-height:50px; margin-bottom: -50px; padding-left:12px}









.info-unidade .btn {max-width: 150px;}

.info-unidade {display: flex; justify-content:space-between;gap:50px; align-items: center; border: 1px solid var(--cor-cinza-400); padding:20px; border-radius:6px; box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05)}

.info-unidade-dados {display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 500px;}

.info-unidade-dado {display: flex; align-items: center; margin-bottom:0;}

.info-unidade .mapa-foto {width: 100%}

.info-unidade-dado-ic {width:25px; max-width:40px; max-height:40px; margin-right:15px; color: var(--cor-cinza-600)}

.info-unidade-whatsapp {padding: 10px 15px; margin-bottom:0}

.info-unidade-instagram {padding: 10px 15px; margin-top:10px}



.mapa-unidade {border-radius:12px; overflow: hidden; height: 300px; width: 100%; max-width: 760px;}

.mapa-unidade img {width: 100%;}



.foto-unidade {border-radius:12px; overflow: hidden; height: 300px; width: 100%; max-width: 760px; display: flex; align-items: center; justify-content: center;}

.foto-unidade img {width: 100%;}





.info-unidade .nav-pills .nav-link.active, .info-unidade .nav-pills .show>.nav-link {color: var(--cor-cinza-900);background-color: var(--cor-cinza-100);}

.info-unidade .nav-pills .nav-link {font-size: 15px;color: var(--cor-cinza-900);border-radius: var(--bs-nav-pills-border-radius);}





.info-unidaderodape {margin-top:50px; display: flex; justify-content:space-between; align-items: center}

.info-outrasunidades {display: flex; align-items: center; color: var(--cor-cinza-900)}

.info-outrasunidades:hover {color:var(--cor-laranja)}

.info-outrasunidades .ic-local {color: var(--cor-laranja); height: 30px; width: 30px; margin-right:10px}

.info-outrasunidades h3 {margin:0; font-size:20px;}



.section-products {margin-bottom:80px; text-align: center; margin-top:80px}

.section-products .single-product {text-align: left;border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);border-radius:6px;margin-bottom: 26px;}

.section-products .card-img-top {border-radius:5px 5px 0  0;}

.section-products .single-product .part-2 {padding:25px 20px 10px 20px}

.section-products .single-product .part-1 {position: relative;overflow: hidden;}

.section-products .single-product .part-1::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transition: all 0.3s;}

.section-products .single-product:hover .part-1::before {transform: scale(1.2,1.2) rotate(5deg);}

.section-products .single-product .part-1 .discount{position: absolute;top: 15px;left: 15px;color: #ffffff;background-color: var(--cor-laranja);border-radius:999px;padding: 2px 10px;font-size: 0.85rem}

.section-products .single-product .part-1 ul {position: absolute;bottom: -41px;left: 20px;margin: 0;padding: 0;list-style: none;opacity: 0;transition: all 0.5s}

.section-products .single-product .part-1:hover ul {opacity: 1; bottom: 19px;}

.section-products .single-product .part-1 ul li {display: inline-block; margin-right: 4px; background: #fff; height:40px; line-height: 40px; border-radius:6px; padding: 0 15px; font-size:14px; font-weight: 500}

.section-products .single-product .part-1 ul .favoritar a {color:#fff}

.section-products .single-product .part-1 ul .favoritar a:hover {color:#fff}

.section-products .single-product .part-1 ul li a {color:var(--cor-cinza-900)}

.section-products .single-product .part-1 ul li a:hover {color:var(--cor-laranja)}

.section-products .single-product .part-2 .product-title {font-weight: 500;font-size: 15px; line-height:21px; min-height:66px}

.section-products .single-product .part-2 .product-title a {color: var(--cor-cinza-900); white-space:normal }

.section-products .single-product .part-2 h4 {display: inline-block;font-size: 1rem;}

.section-products .single-product .part-2 .product-price {color:var(--cor-laranja);font-weight: 700}

.section-products .single-product .part-2 .product-old-price {position: relative;padding: 0 3px;margin-right: 10px;opacity: 0.4;font-weight: 600;}

.section-products .single-product .part-2 .product-old-price::after {position: absolute;content: "";top: 50%;left: 0;width: 100%;height: 1px;background-color: #444444;transform: translateY(-50%);}



.section-products input[type="checkbox"] {display: none;}

.section-products input[type="checkbox"] + label {position: relative;padding-left: 8px;display: inline-block;}

.section-products input[type="checkbox"] + label:before {content: "\1F5A4";top: -11px;left: -8px;border: 1px solid transparent;    padding: 10px 3px;border-radius: 3px;display: block;position: absolute;transition:  .5s ease;}

.section-products input[type="checkbox"]:checked + label:before {border: 1px solid transparent;background-color: transparent;}

.section-products input[type="checkbox"]:checked + label:after {content: '\01F9E1';position: absolute;top: 0px;left: -4px;color: var(--cor-laranja) !important;transition:  .5s ease;}

.pg-empresa .section-products h1, .pg-empresa .catalogo h1 {margin-bottom:30px} 





.section-products2 {margin-bottom:80px; text-align: center; margin-top:80px}

.section-products2 .single-product {text-align: left;border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);border-radius:6px;margin-bottom: 26px;}

.section-products2 .card-img-top {border-radius:5px 5px 0  0;}

.section-products2 .single-product .part-2 {padding:25px 20px 10px 20px}

.section-products2 .single-product .part-1 {position: relative;overflow: hidden;}

.section-products2 .single-product .part-1::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transition: all 0.3s;}

.section-products2 .single-product:hover .part-1::before {transform: scale(1.2,1.2) rotate(5deg);}

.section-products2 .single-product .part-1 .discount{position: absolute;top: 15px;left: 15px;color: #ffffff;background-color: var(--cor-laranja);border-radius:999px;padding: 2px 10px;font-size: 0.85rem}

.section-products2 .single-product .part-1 ul {position: absolute;bottom: -41px;left: 20px;margin: 0;padding: 0;list-style: none;opacity: 0;transition: bottom 0.5s, opacity 0.5s;}

.section-products2 .single-product:hover .part-1 ul {bottom: 20px;opacity: 1;}

.section-products2 .single-product .part-1 ul li {display: inline-block; margin-right: 4px; background: #fff; height:40px; line-height: 40px; border-radius:6px; padding: 0 15px; font-size:14px; font-weight: 500}

.section-products2 .single-product .part-1 ul .favoritar a {color:#fff}

.section-products2 .single-product .part-1 ul .favoritar a:hover {color:#fff}

.section-products2 .single-product .part-1 ul li a {color:var(--cor-cinza-900)}

.section-products2 .single-product .part-1 ul li a:hover {color:var(--cor-laranja)}

.section-products2 .single-product .part-2 .product-title {font-weight: 500;font-size: 16px;min-height:58px}

.section-products2 .single-product .part-2 h4 {display: inline-block;font-size: 1rem;}

.section-products2 .single-product .part-2 .product-price {color:var(--cor-laranja);font-weight: 700}

.section-products2 .single-product .part-2 .product-old-price {position: relative;padding: 0 3px;margin-right: 10px;opacity: 0.4;font-weight: 600;}

.section-products2 .single-product .part-2 .product-old-price::after {position: absolute;content: "";top: 50%;left: 0;width: 100%;height: 1px;background-color: #444444;transform: translateY(-50%);}

.section-products2 input[type="checkbox"] {display: none;}

.section-products2 input[type="checkbox"] + label {position: relative;padding-left: 8px;display: inline-block;}

.section-products2 input[type="checkbox"] + label:before {content: "\1F5A4";top: -11px;left: -8px;border: 1px solid transparent;    padding: 10px 3px;border-radius: 3px;display: block;position: absolute;transition:  .5s ease;}

.section-products2 input[type="checkbox"]:checked + label:before {border: 1px solid transparent;background-color: transparent;}

.section-products2 input[type="checkbox"]:checked + label:after {content: '\01F9E1';position: absolute;top: 0px;left: -4px;color: var(--cor-laranja) !important;transition:  .5s ease;}

           



.lista-unidades {margin-top:80px}

.lista-unidades h1 {margin-bottom:20px}

.lista-unidades-item {color: var(--cor-cinza-900);border: 1px solid var(--cor-cinza-400); border-radius:6px; box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05); display: flex; align-items: center; margin-bottom:30px; }

.lista-unidades-item:hover {background: var(--cor-cinza-100); color:var(--cor-cinza-900)}

.lista-unidades-item-nome {font-size:24px; font-weight: 700; margin-bottom:3px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700;  }

.lista-unidades-item-logo {height:150px; border-radius: 6px 0 0 6px; padding: 20px; background:#fff; margin-right:30px}

.lista-unidades-item-chevron {margin-left: auto!important; margin-right:30px; font-size:25px; color: var(--cor-cinza-900)}









.cadastro-left {background:#FFF2E7; min-height: calc(100vh - 5.3rem);display: flex;align-items: end;-webkit-box-orient: vertical;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}

.cadastro-left-w {background:#fff}

.cadastro-left .content{margin-right: 115px;padding-top: 0;width: 395px;margin-top: 70px;}

.cadastro-ic {width:150px; margin-left:50px}

.cadastro-left h4, .cadastro-participante-m h4 {font-size:19px; font-weight: 500; margin-top:30px}

.cadastro .btn-acessarconta {margin-top:20px}

.cadastro-right {display: flex;align-items: start;}

.cadastro-right .content{margin-left: 115px;padding-top: 0;width: 295px;margin-top: 70px;}



.cadastro-autenticacao .content {width: 320px;}

.cadastro-autenticacao h5 {color: var(--cor-cinza-600); text-transform: uppercase; font-weight: 400; font-size: 14px; margin-bottom: 20px;}

.cadastro-autenticacao .txt-destaque {color: var(--cor-laranja); font-weight: 600;}

.cadastro-autenticacao .btn:disabled {font-weight: 400; box-shadow: none; background-color: #fff; }



.btn-ajudalink {color: var(--cor-cinza-900); font-size: 15px; margin-top: 50px; border-radius: 999px; padding: 8px 15px 8px 15px}

.btn-ajudalink i {margin-right: 3px;}





.menu-links {margin-top: 50px;}

.menu-links a {display: flex; justify-content: space-between; align-items: center; color: var(--cor-cinza-900); padding-bottom: 10px;}

.menu-links .dados {display: flex; align-items: center; gap: 25px;}

.menu-links .dados i {font-size: 18px; }

.menu-links .title {font-size: 13px;overflow: hidden; text-overflow: ellipsis; max-width: 240px; color: var(--cor-cinza-600);}

.menu-links .title h6 {font-size: 15px; margin-bottom: 3px; color: var(--cor-cinza-900);}

.menu-links:before {content: "";display: block;height: 2px;width: 0;}

.menu-links:after {transition: all ease-in-out .4s;background: none repeat scroll 0 0 var(--cor-laranja);content: "";display: block;height: 2px;width: 0;}

.menu-links:hover:after {width: 100%;}





.menu-links-2 {margin-top: 20px;}









.cadastro-right h3 {margin-bottom:30px; font-size: 28px;}

.cadastro-right .insira-sms {margin-top: 30px;}



.cadastro-right .insira-sms .input-codigos {margin-top: 20px;}

.cadastro-right .insira-sms .input-codigos .form-control {height: 45px;}

.cadastro-right .insira-sms .btn-reenviar {padding-top:10px; padding-bottom: 10px; height: auto;}



.cadastro-form-cpf .btn {margin-top:30px; }

.cadastro-ic-form {width:150px; margin-left:50px; margin-bottom:30px}

.cadastro-participante-m {display:none;background:#FFF2E7;margin-top:50px;padding:25px 0 50px 0;}

.cadastro-formulario {width: 100%; max-width:800px; margin-top: 50px}

.cadastro-formulario .accordion {margin-bottom: 0.938rem; border-radius:12px}

.cadastro-formulario .accordion-button,

.cadastro-formulario .accordion-button.collapsed, 

.cadastro-formulario .accordion-button:focus{font-weight:700; font-size: 1.3rem !important; color:var(--cor-cinza-700); background: #fff;padding: 30px;}

.cadastro-formulario .accordion-item:last-of-type .accordion-button.collapsed {border-radius:12px}

.cadastro-formulario .accordion-item {border-radius:12px}

.cadastro-formulario .accordion-item:first-of-type .accordion-button {border-radius: 12px 12px 0 0; border: 0}

.cadastro-formulario .accordion-icone {margin-right:15px; color: #898989; width:20px; height:20px}

.cadastro-formulario .accordion-body {padding-bottom:10px; padding-top:30px}

.cadastro-formulario .form-campo {margin-bottom: 30px}

.cadastro-formulario .form-campo-celular {display:flex; margin-bottom:20px; }

.cadastro-formulario .form-campo-celular .btn {margin-left: 5px;line-height: 55px;padding: 0 25px !important;max-height: 55px;}

.cadastro-formulario input[type="date"] {box-sizing: border-box;font-size: 16px !important; height: 56px !important;line-height: normal !important;padding: 17px !important;box-sizing: border-box !important;-webkit-appearance: none;appearance: none;overflow: visible; }





.codigo-campos {display:flex; margin-top:15px}

.codigo-campos .form-control {margin-right:5px; text-align: center;}



.cadastro-formulario .form-legenda {font-size:13px; color: var(--cor-cinza-600); margin-bottom:30px}

.cadastro-formulario .form-fim {margin: 30px 0}

.cadastro-formulario .form-fim .btn {padding: 20px 0; margin: 20px 0}

.cadastro-formulario .form-fim .form-check {margin-bottom:5px}

.cadastro-ic-retorno {width:240px; margin-right:50px}

.cadastro-retorno {padding-top:20px}

.cadastro-retorno .btn {padding:15px 45px}



.login-navbar-brand-m {display: none}

.background-image-login {width: 100%;float: right;background-size: cover;background-repeat: no-repeat;background-position: right bottom}

.background-image-login .content {height: 100vh;display: flex;flex-direction: column;}

.login-navbar-brand {width:280px; margin: 0 auto; display:block; margin-top:40px;margin-bottom: auto;}

.login-slogan {font-size:25px;margin-top: auto;text-align: right;color: #fff;font-weight: 500;padding-right:70px;padding-bottom:60px;text-shadow: 2px 2px 5px rgb(0 0 0 / 0.7)}

.form-check-login {margin-top:10px}

.login-primeiroacesso {margin-top:50px;}

.login-primeiroacesso .icon {width:24px; height:24px; margin-right:5px; color: var(--cor-laranja)}

.login-primeiroacesso h3 {font-weight: 700; display: inline-block; font-size: 18px; margin-top:2px; margin-bottom: 15px;}

.login-linkcriarconta a {display:block; color:var(--cor-cinza-900); padding-bottom:5px; font-weight: 500}

.login-esqueciasenha {margin-top:50px; margin-bottom:50px}

.login-esqueciasenha a {color: var(--cor-cinza-900); font-weight: 500}

.login-esqueciasenha a:hover {color: var(--cor-laranja); }





.login-linkcriarconta:before {margin-top:0.3rem;content: "";display: block;height: 0.1rem;width: 0;}

.login-linkcriarconta:after {margin-top:0.3rem;transition: all ease-in-out .4s;background: none repeat scroll 0 0 var(--cor-laranja);content: "";display: block;height: 0.1rem;width: 0;}

.login-linkcriarconta:hover:after {width: 100%;}

.login-erro {color: var(--cor-secundaria-vermelho); margin-top:20px; font-size: 15px}

.msg-erro {color: var(--cor-secundaria-vermelho); font-size: 15px}



.multipay {margin-top:50px}

.multipay h2 {margin-bottom:30px}

.multipay .extrato {border: 1px solid var(--cor-cinza-400); padding: 30px; border-radius:6px; box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05);; border: 1px solid var(--cor-cinza-400); padding: 30px; border-radius:6px; box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05);}



.multipay .conta-digital, .multipay .carteira-digital,

.multipay .assinaturas-recorrentes {

  margin-right: 45px;

  margin-bottom:50px; 

  border: 1px solid var(--cor-cinza-400); 

  padding: 30px; border-radius:6px; 

  box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05);

}





.minhas-assinaturas {

  width: 100%;

  overflow-x: auto;

  overflow-y: hidden;

  padding-bottom: 10px;

  box-sizing: border-box;

  -webkit-overflow-scrolling: touch;

}





.minhas-assinaturas .minhas-assinaturas-itens {

  display: flex;

  flex-wrap: nowrap; 

  gap: 15px;     

      

}





.minhas-assinaturas .item {

  flex: 0 0 170px;

  height: 150px;

  border-radius: 12px;

  background: #f1f3f5;

  display: flex;

  flex-direction: column;

  padding: 10px;

  color: var(--cor-cinza-900);

  justify-content: space-between;

}



.minhas-assinaturas .item.pendente {

  background-color: #ffefb9

}





.minhas-assinaturas .item .logo {max-width: 65px; padding: 5px; border-radius: 8px; background-color: #fff;}

.minhas-assinaturas .item .item-header {display: flex; align-items: center; width: 100%; gap: 15px;}

.minhas-assinaturas .item .item-header .valor {font-size: 14px; font-weight: 400; margin: 0;}

.minhas-assinaturas .item .item-header .valor b {display: block;}





.assinaturas-recorrentes-login .icon {

  background-color: var(--cor-cinza-100);

  border-radius: 999px;

  width: 60px;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  color: var(--cor-cinza-800);

  margin: 0 auto;

  margin-top: 40px;

  margin-bottom: 15px;

  

}



.assinaturas-recorrentes-login h6 {font-size: 18px;text-align: center;}

.assinaturas-recorrentes-login span {display: block; text-align: center;}



.assinaturas-recorrente-offcanvas .proximo-pagamento,

.assinaturas-recorrente-offcanvas .assinatura-cancelada {

  background-color: var(--cor-secundaria-vermelho-claro); padding: 20px; border-radius: 12px;

margin: 30px 0 40px 0 ;

}







.assinaturas-recorrentes-login input[readonly]  {background-color: white; box-shadow: none !important;color: var(--cor-cinza-500);}





.assinaturas-recorrentes-login .btn:disabled {

  font-weight: 400;

  box-shadow: none;

  background-color: #fff;

}





.minhas-assinaturas::-webkit-scrollbar {

  height: 10px; /* altura da barra horizontal */

}

.minhas-assinaturas::-webkit-scrollbar-track {

  background: #fff; /* fundo da barra */

  border-radius: 10px;

}

.minhas-assinaturas::-webkit-scrollbar-thumb {

  background: #ff7500;

  border-radius: 10px;

}

.minhas-assinaturas {

  scrollbar-color: #ff7500 #fff;

  scrollbar-width: thin;

}













.multipay .assinaturas-recorrentes-pendente {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom:40px; 

  border: 1px solid var(--cor-cinza-400); 

  padding: 20px 30px; 

  border-radius:6px; 

  box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05);

  gap: 30px;

}





.minhas-assinaturas .item-footer {

  display: flex;

  align-items: center;

  justify-content: space-between;



}



.minhas-assinaturas .item-footer h3 {margin: 0 0 0 5px !important; line-height: 1; padding:0; font-size: 15px; padding: 6px 0;}



.multipay .assinaturas-recorrentes .btn-pendente-pagar {

  background-color: #fff;



  font-size: 13px;

  padding: 5px 10px;

  border-radius: 8px;

}











.assinaturas-recorrentes-navbar {background:#fff; box-shadow: 0 0 5px rgb(0 0 0 / 0.1);  position: fixed;top: 0;left: 0;width: 100%;}

.assinaturas-recorrentes-navbar .conteudo {height:5.3rem;display: flex;align-items: center;justify-content: space-between;}

.assinaturas-recorrentes-navbar .conteudo .login {display: flex;align-items: center;}

.assinaturas-recorrentes-navbar .conteudo .login .nome {margin-right: 40px;}

.assinaturas-recorrentes-navbar .conteudo .login .nome b {color: var(--cor-laranja);}

.assinaturas-recorrentes-navbar .conteudo .login .btn {margin-left: 10px;}





.assinaturas-recorrentes-navbar .conteudo .banner-chamada .icon {height: 48px;}

.assinaturas-recorrentes-navbar .conteudo .banner-chamada {display: flex; gap: 15px; align-items: center;}

.assinaturas-recorrentes-navbar .conteudo .banner-chamada .title {max-width: 200px; font-size: 15px;}







.assinaturas-recorrentes-footer {background:var(--cor-cinza-100); border-top: 1px solid var(--cor-cinza-300); width: 100%; display: none;}

.assinaturas-recorrentes-footer .conteudo {height:5.3rem;display: flex;align-items: center;justify-content: space-between;}

.assinaturas-recorrentes-footer .conteudo .banner-chamada .icon {height: 48px;}

.assinaturas-recorrentes-footer .conteudo .banner-chamada {display: flex; gap: 15px; align-items: center;}

.assinaturas-recorrentes-footer .conteudo .banner-chamada .title {max-width: 200px; font-size: 15px;}













.tabela-extrato a {color: var(--cor-cinza-900)}

.tabela-extrato .info h3 {font-size: 1rem; }

.tabela-extrato .info {display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-extrato .info:hover {background:var(--cor-cinza-100)}

.tabela-extrato .titulo:hover {background:#fff !important}

.tabela-extrato .data {width: 130px;}

.tabela-extrato .empresa {flex: 1 1 auto!important}

.tabela-extrato .valor {width: 150px;}

.tabela-extrato .transacao {width: 150px;}

.tabela-extrato .cristais {width: 90px;}



.tabela-extrato .plano {width: 130px;}







.extrato-filtro-periodo {background: var(--cor-cinza-100); padding: 20px; margin-bottom:30px;}

.extrato-filtro-periodo-titles {display: flex; align-items: center; justify-content: space-between}

.extrato-filtro-periodo .filtro .btn {padding: 5px 15px;--bs-btn-color: #fff;--bs-btn-bg: var(--cor-cinza-900);--bs-btn-border-color: var(--cor-cinza-900);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-700);--bs-btn-hover-border-color:var(--cor-cinza-700);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-700);--bs-btn-active-border-color: var(--cor-cinza-700);}



.filtromodal .titulo {margin-bottom: 5px; font-weight: 600}

.filtromodal .filtro-periodo .btn {padding: 3px 12px; margin-right:6px;--bs-btn-color: var(--cor-cinza-900);--bs-btn-bg: var(--cor-cinza-050);--bs-btn-border-color: var(--cor-cinza-300);--bs-btn-active-color: var(--cor-cinza-900);--bs-btn-active-bg: var(--cor-cinza-050);--bs-btn-active-border-color: var(--cor-cinza-900);}



.multipay .conta-digital .saldo-valor {color: var(--cor-verde); font-size: 1.8rem; margin-top:5px;}

.multipay .conta-digital .btn-saldo-transferir {padding-left:50px; padding-right: 50px; margin-right: 15px;}

.multipay .conta-digital .btn-saldo-pagar {padding-left:50px; padding-right: 50px}

.multipay .conta-digital label {margin-bottom:5px; font-weight: 400; margin-left:5px}



.extrato-multipay-comprovante .offcanvas {--bs-offcanvas-width: 550px;}

.extrato-multipay-comprovante h5 {font-weight: 500; font-size:15px; color: var(--cor-cinza-600); padding-left:55px; padding-top:70px}

.extrato-multipay-comprovante .offcanvas .offcanvas-header {align-items:start}

.extrato-multipay-comprovante .offcanvas .offcanvas-body   {padding: 0 70px}

.extrato-multipay-comprovante h4 {font-weight: 700; margin-bottom:40px}



.extrato-multipay-comprovante .ic-compartilhamento {margin-left: auto;}

.extrato-multipay-comprovante .ic-compartilhamento a {font-weight: 600;font-size: 24px;color: var(--cor-cinza-900);}





.extrato-multipay-comprovante .subtitle {font-size:20px}



.extrato-multipay-comprovante .header {display: flex; align-items: center; margin-bottom:60px}

.extrato-multipay-comprovante .header .ico-pagamento {padding:20px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.extrato-multipay-comprovante .header .ico-deposito {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.extrato-multipay-comprovante .header .ico-contadigital-transferido {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.extrato-multipay-comprovante .header .ico-contadigital-recebido {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.extrato-multipay-comprovante .header .ico-premio {padding:20px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-400); width:70px; height:70px; max-width:70px; max-height:70px; text-align: center; margin-right:20px; border-radius:999px;}



.extrato-multipay-comprovante .header .valor {font-size:20px; margin-bottom:5px; margin-top:5px}

.extrato-multipay-comprovante .header .nome {font-weight: 600; font-size:16px}

.extrato-multipay-comprovante .header .unidade {color: var(--cor-cinza-600)}



.extrato-multipay-comprovante .dados {font-size:15px; display: flex; justify-content: space-between; align-items: center; margin-bottom:10px;}

.extrato-multipay-comprovante .dados .left {color:var(--cor-cinza-600)}

.extrato-multipay-comprovante .dados .right {font-weight: 600; }

.extrato-multipay-comprovante .dados .conversao {color: var(--cor-laranja); font-size: 20px;font-weight: 700;}



.extrato-multipay-comprovante .btn {margin-top:80px}



.multipay .transferir-content {margin-top:20px; margin-bottom:30px}

.multipay .transferir-content h2 {font-size: 20px; margin-bottom:10px}

.multipay .transferir-content form {margin-top:10px}

.multipay .transferir-content .btn {margin-top:15px}

.multipay .transferir-content .nome {font-size:20px; font-weight: 600}

.multipay .transferir-content .id {color: var(--cor-cinza-600); font-weight: 500; margin-bottom:15px; font-size:14px}

.multipay .transferir-content .dados {font-size:15px; display: flex; justify-content: space-between; margin-bottom:10px}

.multipay .transferir-content .dados .left {color:var(--cor-cinza-600)}

.multipay .transferir-content .dados .right {font-weight: 600}

.multipay .transferir-content .header {display: flex; align-items: center; margin-bottom:30px; margin-top:30px}

.multipay .transferir-content .header .ico-transferencia {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.multipay .transferir-content .header .nome {font-weight: 600; font-size:18px}

.multipay .transferir-content .header .email {font-weight: 400; font-size:15px;}

.multipay .transferir-content .header .tipo {font-weight: 400; font-size:15px; color: var(--cor-cinza-600)}



.multipay .depositar-content {margin-top:20px; }

.multipay .depositar-content .id {color: var(--cor-cinza-600); font-weight: 500; margin-bottom:15px; font-size:14px}

.multipay .depositar-content h2 {font-size: 20px; margin-bottom:30px}

.multipay .depositar-content .dados {font-size:15px; display: flex; justify-content: space-between; margin-bottom:10px}

.multipay .depositar-content .dados .left {color:var(--cor-cinza-600)}

.multipay .depositar-content .dados .right {font-weight: 600}

.multipay .depositar-content .header {display: flex; align-items: center; margin-bottom:30px}

.multipay .depositar-content .header .ico-pagamento {padding:20px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.multipay .depositar-content .header .ico-deposito {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.multipay .depositar-content .header .nome {font-weight: 600; font-size:16px}

.multipay .depositar-content .info {font-size:15px; margin-top:20px}

.multipay .depositar-content .qrcode {max-width: 200px; margin: 0 auto; margin-top:10px}

.multipay .depositar-content .btn-legenda {display: flex; justify-content: space-between; align-items: center; margin-top:15px}

.multipay .depositar-content .btn-legenda .btn {padding: 5px 10px}



.multipay .addcartao-content {margin-top:40px; }

.multipay .addcartao-content h2 {font-size: 20px; margin-bottom:30px;}

.multipay .addcartao-content label {margin-bottom:5px; font-weight: 400; margin-left:5px}

.multipay .addcartao-content .ic {padding: 19px 19px 0 19px;color: var(--cor-cinza-900);background: var(--cor-cinza-100);width: 70px;height: 70px;text-align: center;margin: 0 auto;margin-bottom:20px;border-radius: 999px;}

.multipay .addcartao-content .erro {color: var(--cor-secundaria-vermelho); margin-top:10px}



.multipay .addcartao-content .form-control,

.multipay .pay-transferir-cartao .form-control {height: 35px; font-size: 13px;}

.multipay .addcartao-content .input-ic,

.multipay .pay-transferir-cartao .input-ic {height: 35px;margin-bottom: -36px;padding-left: 12px;padding-top: 4px;}

.multipay .addcartao-content .input-ic svg,

.multipay .pay-transferir-cartao .input-ic svg {height: 17px; width: 17px;}

.multipay .addcartao-content .input-ic-txt,

.multipay .pay-transferir-cartao .input-ic-txt {padding-left: 38px !important;}



.pay-formas-pagto .nav-link { width:100%; font-size:13px; color:var(--cor-cinza-500); box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05); border:1px solid var(--cor-cinza-400)}

.pay-formas-pagto .nav-link:hover {color:var(--cor-cinza-600)}

.pay-formas-pagto .nav-pills .nav-link.active, .api-formas-pagto .nav-pills .show>.nav-link {color: var(--cor-cinza-800) !important; background:#fff !important; border: 1px solid var(--cor-cinza-800)}

.pay-formas-pagto {margin-top:20px;}

.pay-formas-pagto .nav-link.nav-link-pix {width: 80px;margin-right:5px; background:var(--cor-cinza-100);}

.pay-formas-pagto .nav-link.nav-link-applepay {width: 115px;margin-right:5px; background:var(--cor-cinza-100) }

.pay-formas-pagto .nav-link.nav-link-cartao {width: 105px;margin-right:5px; background:var(--cor-cinza-100) }

.pay-formas-pagto .nav-link.nav-link-picpay {width: 115px;margin-right:5px; background:var(--cor-cinza-100) }

.pay-formas-pagto .nav-link.nav-link-conta {width: 130px;margin-right:5px; background:var(--cor-cinza-100) }

.pay-formas-pagto .nav-link.nav-link-mercadopago {width: 130px;margin-right:0; background:var(--cor-cinza-100) }

.pay-formas-pagto .nav-pills-out {width: 100% !important; white-space: nowrap; overflow-x: auto; padding-bottom:10px; margin-bottom:30px}

.pay-formas-pagto .nav-pills-inner {width: 570px;}

html .nav-pills-out::-webkit-scrollbar {width: 15px;height:5px;}

html .nav-pills-out::-webkit-scrollbar-thumb {border-radius: 99px;background: var(--cor-cinza-300);border:1px solid var(--cor-cinza-300);}

html .nav-pills-out::-webkit-scrollbar-track {background: transparent;border-radius:99px}



.deposito-input {display: flex; margin-top:20px}

.deposito-input .label {white-space: nowrap; margin-right: 15px; padding-top: 15px;}

.deposito-input .rs {color: var(--cor-cinza-700); font-size:19px; height:3.438rem; line-height: 3.438rem; margin-bottom: -3.438rem; padding-left:15px}

.deposito-input .form-control {padding-left:45px; font-size:19px;}



.cartao .numero {background:rgb(0 0 0 / 0.3); color: #fff; display: inline-block; padding:4px 10px; border-radius:5px}

.cartao .numero img {height:10px;width: auto}

.cartao-item {display: flex; align-items: center; margin-bottom:20px}

.lista-cartoes .cartao {background-repeat: no-repeat; background-position: left bottom; background-size: 100% auto;box-shadow: 1px 1px 7px rgb(0 0 0 / 0.2)!important; width:100%; height:120px; border-radius:12px; padding:20px; display: flex; align-items: end; justify-content: space-betweenn}

.lista-cartoes .cartao .bandeira {height:45px; margin-left: auto!important;}

.lista-cartoes .cartao.mastercard {background-image: url(images/cartoes-bg-mastercard.png);}

.lista-cartoes .cartao.visa {background-image: url(images/cartoes-bg-visa.png);}

.lista-cartoes .cartao.elo {background-image: url(images/cartoes-bg-elo.png);}

.lista-cartoes .cartao.hipercard {background-image: url(images/cartoes-bg-hipercard.png);}

.lista-cartoes .cartao.amex {background-image: url(images/cartoes-bg-amex.png);}

.lista-cartoes .cartao.diners {background-image: url(images/cartoes-bg-diners.png);}

.lista-cartoes .cartao.cartaopay {background-image: url(images/cartoes-bg-cartaopay.png);}

.lista-cartoes-excluir {color: var(--cor-cinza-600);font-size: 20px;margin-left:6px;margin-top: 10px;background-color: #fff;border:0;text-align: center;transition: all ease-in-out .25s;padding-bottom: 0;}

.lista-cartoes-excluir:hover{color: var(--cor-secundaria-vermelho)}



.navbar-submenu-m, .navbar-submenu-m-bottom {display:none}

.navbar-submenu-m {background: var(--cor-cinza-100)}



.check-like {margin-left:5px; width:32px; height:32px;}

.check-like label > input{visibility: hidden; display: none; width: 32px;height:32px;}

.check-like label > input + i {display:inline-block;cursor:pointer;width: 32px;height:32px;background:url(images/ic-heart.svg) no-repeat; background-size: 32px 32px;}

.check-like label  > input:checked + i {width: 32px;height:32px;background:url(images/ic-heart-fill.svg) no-repeat; background-size: 32px 32px}



.pg-perfil .pg-title {text-align: left; font-size:30px}

.pg-perfil .pg-title-info {color: var(--cor-cinza-900)}

.pg-perfil {margin-top:60px}



.pg-perfil .perfil-right h1 {text-align: left;}

.pg-perfil .meus-dados {margin-top:30px;margin-bottom:50px; max-width: 650px;}

.pg-perfil .dado-info {display: flex;justify-content: space-between;align-items: center;width: 100%;border-bottom: 2px solid var(--cor-cinza-200);padding:30px 15px 30px 0;font-size:15px;color: var(--cor-cinza-600);border-radius: 0;}

.pg-perfil .dado-info:hover{background-color: var(--cor-cinza-050); padding-left:30px; padding-right:15px }

.pg-perfil .dado-info h3 {font-size:16px; color: var(--cor-cinza-700)}

.pg-perfil .dado-info .nao-verificado, .pg-perfil .dado-info .verificado {font-size: 11px;font-weight: 500;padding: 1px 10px;border-radius: 99px;display: inline-block; }

.pg-perfil .dado-info .nao-verificado {background:var(--cor-secundaria-vermelho-claro); color: var(--cor-secundaria-vermelho);}

.pg-perfil .dado-info .verificado  {background:var(--cor-secundaria-verde-claro); color: var(--cor-secundaria-verde);}

.pg-perfil .dado-info .ico-naoinformado {color: #ff9600}

.pg-perfil .perfil-header {text-align: center; overflow: hidden;}

.pg-perfil .perfil-foto { width: 300px; margin: 0 auto}

.pg-perfil .perfil-foto img {border-radius: 999px; }

.pg-perfil .perfil-header .perfil-nome {font-size: 16px;color: var(--cor-cinza-900);border-bottom: 2px solid var(--cor-cinza-200);padding: 30px 0 15px 0;margin-bottom:15px}

.pg-perfil .perfil-header .perfil-cpf, .pg-perfil .perfil-header .perfil-nascimento {color: var(--cor-cinza-600); font-size: 15px;}

.pg-perfil .perfil-header .saldo-cristais {font-size: 19px; margin-top:20px; color: var(--cor-cinza-700);}

.pg-perfil .perfil-header .saldo-cristais span {color:var(--cor-laranja)}

.pg-perfil .perfil-header .btn {margin-top:20px}





.perfil-foto-alterar {background-color: rgb(0 0 0 / 0.3);display: flex;align-items: center;justify-content: center;font-size:33px; width: 300px; height: 300px; border-radius:9999px;position:relative;margin: 0 auto;margin-top:-300px;opacity: 0;}

.perfil-foto-alterar:hover {opacity: 1}

.perfil-foto-alterar i {background-color: rgb(0 0 0 / 0.5); width: 80px; height: 80px; line-height: 80px; border-radius: 999px; color: #fff}

.perfil-foto-alterar-m {display: none;}

.pg-perfil .perfil-notificacoes {margin-top:100px}





.pg-perfil .perfil-notificacoes .pg-title {text-align: left; font-size:27px; display: flex; align-items: start;}

.pg-perfil .perfil-notificacoes .pg-title span {text-align: center; color:#fff; font-size: 13px;margin: 4px 10px 0 -24px; width: 22px;}

.pg-perfil .perfil-notificacoes .ico {width: 27px;height: 27px;margin-top: 2px;}

.pg-perfil .notificacoes-title-m {display: flex;}

.pg-perfil .notificacoes-title-m span {text-align: center; color:#fff; font-size: 13px;width: 24px; display: inline-block; margin-left: -25px; margin-right: 8px; padding-top:2px}

.pg-perfil .notificacoes-title-m .ico {width: 27px;height: 27px;margin-top: 0;}







.pg-perfil .perfil-notificacoes .btn {margin-top: 20px; margin-bottom:50px}

.pg-perfil .notificacao-item {color: var(--cor-cinza-900);border-radius:0px;padding:30px;padding-left:0px;display: flex;align-items: center;gap: 25px;border-bottom: 2px solid var(--cor-cinza-200);}

.pg-perfil .notificacao-item:hover {padding-left:15px; padding-right: 15px; color: var(--cor-cinza-900); background-color: var(--cor-cinza-050);}

.pg-perfil .notificacao-item-first {border-top: 2px solid var(--cor-cinza-200);}

.pg-perfil .notificacao-item .logo {max-width: 100px;background: #fff;border-radius: 0.75rem;padding:10px;box-shadow: 0 0 15px rgb(0 0 0 / 0.2)}

.pg-perfil .notificacao-item .titulo {font-size: 14px; letter-spacing: -0.3px; font-weight: 400; margin-bottom:10px }

.pg-perfil .notificacao-item .dados {display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 500; color: var(--cor-cinza-600)}

.pg-perfil .notificacao-item .icones {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

.pg-perfil .notificacao-item .dados .ico-tipo, .notificacao-item .dados .ico-excluir  {width: 20px; height: 20px}

.pg-perfil .notificacao-item .dados .ico-excluir:hover {opacity: 0.5;}

.ico-excluir-btn {border:0; background-color: transparent;}

.notificacao-info {padding: 25px 70px 50px 70px}

.pg-perfil .nav-tab-m {display: none;}

.pg-perfil .tab-content>.tab-pane { display: block !important}

.pg-perfil .tab-content>.tab-pane.show {display: block !important;}

.pg-perfil .offcanvas, .pg-premios .offcanvas {--bs-offcanvas-width: 550px;}

.pg-perfil .offcanvas h4, .pg-premios .offcanvas h4 {margin-bottom: 20px;}

.pg-perfil .offcanvas .offcanvas-header , .pg-premios .offcanvas .offcanvas-header {justify-content: end;}

.pg-perfil .offcanvas .offcanvas-body, .pg-premios .offcanvas .offcanvas-body {padding: 25px 70px 0 70px}

.pg-perfil .btn-offcanvas-close, .pg-premios .btn-offcanvas-close {margin-top:60px}

.pg-perfil .offcanvas .form-campo, .pg-premios .offcanvas .form-campo {margin-bottom: 30px}

.pg-perfil .offcanvas .dados {display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 500; color: var(--cor-cinza-600)}

.pg-perfil .offcanvas .icones {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

.pg-perfil .offcanvas .dados .ico-tipo, .offcanvas .dados .ico-excluir  {width: 20px; height: 20px}

.pg-perfil .offcanvas .dados .ico-excluir:hover {opacity: 0.5;}





.notificacao .offcanvas {--bs-offcanvas-width: 700px;}

.notificacao .offcanvas h4 {margin-bottom: 20px;}

.notificacao .offcanvas .data {font-size:15px; color: var(--cor-cinza-600)}

.notificacao .offcanvas .offcanvas-header {justify-content: end;}

.notificacao .offcanvas .offcanvas-body   {padding:0}

.notificacao .btn-offcanvas-close {margin-top:60px}

.notificacao .offcanvas .form-campo {margin-bottom: 30px}





.pg-premios {margin-top:50px}

.pg-premios h2 {margin-bottom:30px}

.pg-premios .extrato {border: 1px solid var(--cor-cinza-400); padding: 30px; border-radius:6px; box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05);; border: 1px solid var(--cor-cinza-400); padding: 30px; border-radius:6px; box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05);}

.pg-premios .fidelidade, .pg-premios .meus-premios {margin-right: 45px;margin-bottom:50px; border: 1px solid var(--cor-cinza-400); padding: 30px; border-radius:6px; box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05);}

.pg-premios .btn-ctas-fidelidade {display: flex; gap: 10px; margin-top:40px}

.pg-premios .btn-ctas-fidelidade .btn:hover {color: #fff; background-color: var(--cor-cinza-900); border: 1px solid var(--cor-cinza-900)}

.meuspremios-filtro-ultimos {background: var(--cor-cinza-100); padding: 20px; margin-bottom:30px; display: flex; align-items: center; justify-content: space-between;}

.meuspremios-filtro-ultimos .btn {padding: 5px 15px;--bs-btn-color: #fff;--bs-btn-bg: var(--cor-cinza-900);--bs-btn-border-color: var(--cor-cinza-900);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-700);--bs-btn-hover-border-color:var(--cor-cinza-700);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-700);--bs-btn-active-border-color: var(--cor-cinza-700);}



.premio {text-align: center;overflow: hidden;transition: all ease-in-out .25s; font-size:16px;  margin-bottom:25px}

.premio .info {padding:25px 20px 15px 20px; border: 1px solid var(--cor-cinza-300); border-radius: 0 0 12px 12px;}

.premio .img {border-radius: 12px 12px 0 0}

.premio .nome {min-height: 50px; display: flex; align-items: center; justify-content: center;}

.premio .nome p {font-size: 16px}

.premio .nomep {height: 55px; display: flex; align-items: center; justify-content: center;}

.premio .nomep p {font-size: 16px}

.pg-premios .premio .nome {min-height: auto;}

.premio .valor {display: flex; align-items: center; justify-content: space-between; margin-top:25px}

.premio h4 {font-size:16px; color: var(--cor-laranja)}

.premio .valor .desconto {color: var(--cor-cinza-600); font-weight: 600;}

.premio .valor .desconto span {text-decoration: line-through;}

.premio .data-status {text-align: left; display: flex;align-items: center;justify-content: space-between; margin-top:25px; border-top: 1px solid var(--cor-cinza-300); padding-top: 25px}

.premio .data-status h4 {color: var(--cor-cinza-900);}

.premio .btn-resgatar {margin-top:15px;margin-bottom:5px;width: 100%; color: #fff}

.premio .btn-resgatar i {font-size:20px; margin-right: 3px;}

.premio .btn-resgatar-cancelar {margin-top:15px;margin-bottom:5px;width: 100%; color: var(--cor-cinza-900)}

.premio .btn-resgatar-cancelar i {margin-right: 3px;}

.premio a {color: var(--cor-cinza-900)}



.pg-premios .transferencia-dados {background-color: var(--cor-cinza-200); padding: 20px; border-radius: 6px; display: flex; flex-direction: column; font-weight: 700; margin-bottom:20px}



.abreaba .offcanvas {--bs-offcanvas-width: 550px;}

.abreaba .offcanvas h4 {margin-bottom: 20px;}

.abreaba .erro {color: var(--cor-secundaria-vermelho); margin-top:20px; font-size: 15px}

.abreaba .offcanvas .offcanvas-header {justify-content: end;}

.abreaba .offcanvas .offcanvas-body {padding: 25px 70px 0 70px; white-space: normal;}

.abreaba .btn-offcanvas-close {margin-top:60px}

.abreaba .offcanvas .form-campo{margin-bottom: 30px}

.abreaba .offcanvas .dados {display: flex; align-items: center; justify-content: space-between; font-size: 15px; margin-bottom:10px; color: var(--cor-cinza-600)}

.abreaba .offcanvas .right {font-weight: 600; color: var(--cor-cinza-900) }

.abreaba .offcanvas .icones {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

.abreaba .offcanvas .dados .ico-tipo {width: 20px; height: 20px}

.abreaba .offcanvas .dados .ico-excluir:hover {opacity: 0.5;}

.abreaba .header {display: flex; align-items: center; margin-bottom:60px}

.abreaba .header .ico-header {padding:20px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.abreaba .header .valor {font-size:20px; margin-bottom:5px; margin-top:5px}



.abreaba .header .valor span {font-weight: 500; font-size: 15px; color: var(--cor-cinza-600);}

.abreaba .header .nome {font-weight: 600; font-size:16px}

.abreaba .header .unidade {color: var(--cor-cinza-600)}

.abreaba .header .nomepremio {font-size:18px}

.abreaba .header .titlepremio {margin-bottom: 5px;}





.assinaturas-recorrentes-header {background-color: var(--cor-cinza-100);padding: 15px;border-radius: 8px;margin-bottom: 30px !important;}

.abreaba .header .logo {background: #fff; width:100px; height:100px; padding:15px; text-align: center; margin-right:20px; border-radius:8px; overflow: hidden;}



.abreaba .header .recorrencia-plano {font-size:19px; margin-bottom:5px; margin-top:5px}

.abreaba .header .recorrencia-valor {font-weight: 600; font-size:16px}

.abreaba .header .recorrencia-frequencia {font-size: 15px;}







.abreaba .offcanvas .dados-recorrencia {font-size: 15px; margin-bottom:20px}

.abreaba .offcanvas .dados-recorrencia i {color: var(--cor-cinza-600); margin-right: 5px;}







.assinaturas-recorrente-offcanvas .offcanvas-body {margin: 0 !important; padding: 0 !important;}

.assinaturas-recorrente-offcanvas .container {padding: 0 60px 40px 60px ;}











.abreaba .fotopremio {border-radius: 12px; margin-bottom: 30px;}

.abreaba .trocarendereco .form-control {padding-top: 0; padding-bottom: 0; height: auto;}





.abreaba .header {display: flex; align-items: center; margin-bottom:60px}

.abreaba .header .ico-pagamento {padding:20px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.abreaba .header .ico-deposito {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.abreaba .header .ico-contadigital-transferido {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.abreaba .header .ico-contadigital-recebido {padding:18px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.abreaba .header .ico-premio {padding:20px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-400); width:70px; height:70px; max-width:70px; max-height:70px; text-align: center; margin-right:20px; border-radius:999px;}











.pg-vitrine-all {background-color: var(--cor-cinza-100);}

.pg-vitrine {min-height: calc(100vh - 75px); background-color: #fff; max-width: 600px; margin: 0 auto;  padding-bottom:20px}

.pg-vitrine .empresa-info {display: block}

.pg-vitrine .empresa-info-dados {display: block;}

.empresa-info-unidade h2 {font-size: 25px;}

.pg-vitrine .empresa-info-logo img {margin:0; width: 100%}

.pg-vitrine .empresa-info-logo {width: 150px; margin: 0 auto; margin-top:-20px}

.pg-vitrine .empresa-info-unidade {text-align: center; margin-top:15px}

.pg-vitrine .empresa-info-conversao {justify-content: center; align-items: end;}

.pg-vitrine .menu {margin-top: 20px;  padding: 12px; padding-bottom:0; background-color: #fff; position: -webkit-sticky; /* Safari */ position: sticky;top: 0;z-index: 9;}

.pg-vitrine .input-buscar {margin-bottom:15px; background: url("images/ic-search.svg") no-repeat center left;background-size: 18px 18px;background-position: center left 15px;padding-left: 45px}

.pg-vitrine .buscar .btn {border-radius: 6px !important; margin-left: 10px !important;}

.pg-vitrine .menulinks {width: 100% !important;white-space: nowrap;overflow-x: auto; overflow-y: hidden; padding: 10px 0 15px 40px; margin-bottom: 10px;}

.pg-vitrine .menulinks-inner {padding-top:10px;white-space: nowrap !important;display: inline;}

.pg-vitrine .menulinks-inner li {display: inline;}

.pg-vitrine .menulinks-inner li a {display: inline;}

.pg-vitrine .menulinks a {margin-right:20px}

.pg-vitrine .menulinks .nav-link {color: var(--cor-cinza-900)}

.pg-vitrine .menulinks .nav-link.active {background-color: var(--cor-cinza-900); color: #fff}

.pg-vitrine .menu .nav-item.dropdown {list-style:none; font-size: 28px; height: 50px; width: 50px; padding-top: 1px; padding-left: 5px; margin-bottom: -50px;}

.pg-vitrine .menu .nav-item.dropdown .dropdown-toggle::after {display: none;}

html .pg-vitrine .menulinks::-webkit-scrollbar {width: 6px;height:6px;}

html .pg-vitrine .menulinks::-webkit-scrollbar-thumb {border-radius: 99px; background: var(--cor-cinza-200);border:1px solid #fff; background-color: var(--cor-cinza-100);}

html .pg-vitrine .menulinks::-webkit-scrollbar-track {background: transparent; border-radius:99px}



.footer-vitrine-top {height: 75px;}

.footer-vitrine {height: 75px; background: #fff;border-top: 1px solid var(--cor-cinza-300);padding: 10px 0; font-size: 14px; position: fixed; bottom:0; width: 100%;} 

.footer-vitrine-inner {display: flex; align-items: end; justify-content: center;}

.footer-vitrine-inner .item {text-align: center; width: 80px; margin: 0 20px}

.footer-vitrine-inner .item i {font-size:21px}

.footer-vitrine a {color: var(--cor-cinza-700)}

.footer-vitrine a:hover {color: var(--cor-laranja)}



.vitrine-modal .modal-header .btn-close {margin-left:0}

.vitrine-modal .btn-voltar {color: var(--cor-cinza-900); font-size:25px}

.vitrine-modal .modal {--bs-modal-width: 600px; margin-left:-8px}

.vitrine-modal .modal-footer {display: flex; justify-content: space-between; align-items: center;}

.vitrine-modal .btn-adicionar {display: flex; gap: 10px}

.vitrine-modal .btn-adicionar .btn {padding-top:14px}

.vitrine-modal .btn-adicionar .form-control {max-width: 40px; height: 50px; border-radius: 0;box-shadow: none !important;text-align: center;border: 1px solid var(--cor-cinza-300) !important;padding: 0;}

.vitrine-modal .btn-adicionar .form-control:focus {border: 1px solid var(--cor-cinza-300) !important;border-left: 0 !important;border-right: 0 !important;}

.vitrine-modal .btn-adicionar .btn-number-menos, .vitrine-modal .btn-adicionar .btn-number-mais {padding: 0 20px;height: 50px;border-radius: 0;border: 1px solid var(--cor-cinza-300) !important;background-color: white;color: var(--cor-cinza-900);box-shadow: none !important;opacity: 1;}

.vitrine-modal .btn-adicionar .btn-number-menos {border-right: 0 !important; border-radius: 6px 0 0 6px;}

.vitrine-modal .btn-adicionar .btn-number-mais {border-left: 0 !important; border-radius: 0 6px 6px 0}

.vitrine-modal .btn-adicionar .btn:disabled {border-right: 0 !important; color: var(--cor-cinza-500)}



.vitrine-modal .btn-pagar {display: flex; gap: 10px; flex-direction: column;}

.vitrine-modal .btn-pagar .form-control {min-width: 100%;}

.vitrine-modal .btn-pagar .btn {padding-top:14px}

.vitrine-modal .btn-pagar .form-control {max-width: 65px;}

.vitrine-modal .preco {padding-top:3px}

.vitrine-modal .preco h5 {color: var(--cor-laranja); font-size:21px; margin-bottom: 0;}

.vitrine-modal .preco span {font-weight: 600;font-size: 16px;}

.vitrine-modal .preco .parcelamento {color: var(--cor-cinza-600); font-size:14px; font-weight: 500; margin-bottom: 0;}

.vitrine-modal .preco .parcelamento span {font-weight: 600; margin-bottom: 0;}



.vitrine-modal-produto .produto-img {margin-bottom:30px; max-width: 60%; margin: 0 auto; display: block;}

.vitrine-modal-produto .escolha-tipo {display: flex; align-items: center; justify-content: space-between; max-width: 230px; margin-bottom: 10px;}

.vitrine-modal-produto .carousel-control-next, .vitrine-modal-produto .carousel-control-prev {width: auto;}

.vitrine-modal-produto .carousel {margin: 0; margin-bottom: 30px;}



.vitrine-modal-carrinho .lista-produto {display: flex; gap:20px; align-items: center; justify-content: space-between; margin-bottom: 30px;}

.vitrine-modal-carrinho .lista-produto .produto-img {width: 40%;}

.vitrine-modal-carrinho .lista-produto .produto-dados {width: 60%; display: flex; gap: 13px; flex-direction: column;}

.vitrine-modal-carrinho .lista-produto .produto-dados .nome {font-size:20px; margin:0}

.vitrine-modal-carrinho .lista-produto .produto-dados .quantidade {max-width: 80px;}

.vitrine-modal-carrinho .lista-produto .produto-dados .valor {color: var(--cor-laranja); margin:0}



.vitrine-modal-endereco .form-campo {margin-bottom: 20px;}

.vitrine-modal-endereco .form-campo .form-control, .vitrine-modal-endereco .form-campo .form-select {height: 37px;}



.vitrine-modal-vazio img {width: 80%; max-width: 200px; display: block; margin: 20px auto;}

.vitrine-modal-vazio h4 {text-align: center; margin-bottom: 50px;}



.vitrine-modal-detalhes .cpf-box {background-color: var(--cor-cinza-100); margin:50px; padding: 40px 30px; border-radius:12px}

.vitrine-modal-detalhes .cpf-box h5 {margin-bottom: 20px;}

.vitrine-modal-detalhes .box-endereco {background-color: var(--cor-cinza-100); padding: 15px 20px; border-radius:12px; display: flex; align-items: center; justify-content: space-between;}

.vitrine-modal-detalhes .box-endereco .endereco {display: flex; align-items: center; gap: 15px;}

.vitrine-modal-detalhes .box-endereco .endereco i {font-size:40px; color: var(--cor-cinza-500)}

.vitrine-modal-detalhes .box-endereco .btn {padding: 3px 8px;}

.vitrine-modal-detalhes .box-entrega {background-color: var(--cor-cinza-100); padding: 15px 20px; border-radius:12px; display: flex; align-items: center; justify-content: space-between;}

.vitrine-modal-detalhes .valores {display: flex; justify-content: space-between; padding: 5px 20px}

.vitrine-modal-detalhes .valores.total .right {color: var(--cor-laranja); font-weight: 600;}

.vitrine-modal-detalhes .valores.total .left {font-weight: 600;}



.vitrine-modal-pedidos .lista-produto {display: flex; gap:20px; align-items: center; justify-content: space-between; margin-bottom: 30px;}

.vitrine-modal-pedidos .lista-produto .produto-img {width: 40%;}

.vitrine-modal-pedidos .lista-produto .produto-dados {width: 60%; display: flex; gap: 13px; flex-direction: column;}

.vitrine-modal-pedidos .lista-produto .produto-dados .nome {font-size:20px; margin:0}

.vitrine-modal-pedidos .lista-produto .produto-dados .valor {color: var(--cor-laranja); margin:0}

.vitrine-modal-pedidos .lista-produto .produto-dados .id {color: var(--cor-cinza-600)}



.vitrine-modal .banner-ganhe-cristais {border: 1px solid var(--cor-laranja);display: flex;align-items: center;padding: 9px 15px 8px 14px;margin: 10px 0 0 0;color: var(--cor-cinza-900);gap: 14px;font-size: 14px;border-radius: 6px;width: fit-content;}

.vitrine-modal .banner-ganhe-cristais img {width: 31px;}

.vitrine-modal .banner-ganhe-cristais span {font-size: 14px; font-weight: 800; display: block; line-height: 1;}



html .vitrine-modal .modal-body::-webkit-scrollbar {width: 10px;height:10px;}

html .vitrine-modal .modal-body::-webkit-scrollbar-thumb {border-radius: 99px; border:1px solid #fff; background-color: var(--cor-cinza-400);}

html .vitrine-modal .modal-body::-webkit-scrollbar-track {background: transparent; border-radius:99px}





.pg-premios-catalogo {margin-top: 50px;}

.pg-premios-catalogo-header {background: var(--cor-cinza-100);padding: 20px;display: flex;align-items: center;justify-content: space-between;}

.pg-premios-catalogo-header .btn-secondary {padding: 5px 15px;}

.pg-premios-catalogo-header .form-select {max-width: 180px; width: 100%}







.header-categorias {display: flex; gap: 15px; margin-top:30px; margin-bottom:40px}

.header-categorias .btn {box-shadow: none;}

.header-categorias .btn {display: flex; align-items: center; gap: 10px;}

.header-categorias .btn-secondary {--bs-btn-active-color: var(--cor-cinza-900);--bs-btn-active-bg: #fff;--bs-btn-active-border-color: var(--cor-cinza-400);--bs-btn-color: var(--cor-cinza-900);;--bs-btn-bg: #fff;--bs-btn-border-color:  #fff;}





.pg-premio-unico {margin-top: 50px;}

.pg-premio-unico .img-premio {border-radius: 12px;}

.pg-premio-unico .premio-nome {margin-bottom: 30px}

.premio-dados {margin-bottom: 100px;}

.premio-dados .valor { display: flex; align-items: center; justify-content: space-between; margin:40px 0 0 0; padding:35px 20px; border-bottom: 1px solid var(--cor-cinza-300);border-top: 1px solid var(--cor-cinza-300); }

.premio-dados h4 {font-size:21px; color: var(--cor-laranja); margin:0}

.premio-dados .valor .desconto {color: var(--cor-cinza-600); font-weight: 500;}

.premio-dados .valor .desconto span {text-decoration: line-through;}

.premio-dados .validade {border-bottom: 1px solid var(--cor-cinza-300); padding: 35px 20px; margin-bottom: 50px;}

.premio-dados .empresa {font-size: 18px; font-weight: 600;}

.premio-dados .btn-trocar {padding:17px 0; font-weight: 600; margin-top: 50px;}







.steps {display: flex;flex-wrap: nowrap!important;justify-content: space-between;margin-top: 60px; }

.steps .step {display: block;width: 100%;text-align: center}

.steps .step .step-icon-wrap {display: block;position: relative;width: 100%;height: 40px;text-align: center; }

.steps .step .step-icon-wrap::before,

.steps .step .step-icon-wrap::after {display: block;position: absolute;top: 50%;width: 50%;height: 3px;margin-top: -1px;background-color: var(--cor-cinza-400);content: '';z-index: 1}

.steps .step .step-icon-wrap::before {left: 0}

.steps .step .step-icon-wrap::after {right: 0}

.steps .step .step-icon {display: inline-block;position: relative;width: 40px;height: 40px;line-height: 39px;font-weight: 600;border: 2px solid var(--cor-cinza-400);border-radius: 50%;background-color: #fff;color: var(--cor-cinza-600);font-size: 16px;z-index: 5}

.steps .step .step-icon i {font-size: 22px;}

.steps .step .step-title {margin-top: 16px;margin-bottom: 0;color: #606975;font-size: 14px;font-weight: 500}

.steps .step:first-child .step-icon-wrap::before {display: none}

.steps .step:last-child .step-icon-wrap::after { display: none}

.steps .step.completed .step-icon-wrap::before,.steps .step.completed .step-icon-wrap::after {background-color: var(--cor-laranja); }

.steps .step.completed .step-icon {border-color:var(--cor-laranja);background-color:var(--cor-laranja); color: #fff}

.steps .step.vencido .step-icon-wrap::before,.steps .step.vencido .step-icon-wrap::after {background-color: var(--cor-cinza-400); }

.steps .step.vencido .step-icon {border-color:var(--cor-secundaria-vermelho);background-color:var(--cor-secundaria-vermelho); color: #fff}

.steps .vencido-title {color: var(--cor-secundaria-vermelho)}



.steps.commerce .step.completed .step-icon-wrap::before, .steps.commerce .step.completed .step-icon-wrap::after {background-color: var(--cor-roxo); }

.steps.commerce .step.completed .step-icon {border-color:var(--cor-roxo);background-color:var(--cor-roxo); color: #fff}





.abreaba-validade {background-color: var(--cor-cinza-100); padding: 10px 20px; border-radius: 999px; margin: 20px 0 40px 0}

.abreaba .premio-data {max-width: 180px; margin-top: 30px;}

.dog-gif {max-width: 200px;}

.dog-gif2 {max-width: 270px;}



.landingpage-nps .inner {display:flex;align-items: center;justify-content: center}

.landingpage-nps .logo-empresa {max-width:200px; padding-top:0px}

.landingpage-nps .conteudo {background:#fff;box-shadow: 0 0 20px rgb(0 0 0 / 0.09)!important;width:90%;max-width:600px;padding:30px;text-align: left;margin-top:50px;margin-bottom:50px;}

.landingpage-nps h1 {text-align: left;font-weight: 600;font-size:30px;color: var(--cor-cinza-900);margin-bottom:20px}

.landingpage-nps .poweredby {margin-top:40px;color: var(--cor-cinza-600);font-size:13px;text-align: right}

.landingpage-nps .title-premio {background: var(--cor-laranja);display:inline-block;color: #fff;padding:13px 35px;font-size:22px;border-radius:999px;font-weight: 600;font-family: poppins;}

.landingpage-nps .usuario-cpf, .landingpage-nps .usuario-cpf-nao-localizado {max-width:380px;margin:0 auto;margin-top:30px;}

.landingpage-nps .usuario-cpf-nao-localizado { max-width: 100%;color: var(--cor-secundaria-vermelho)}

.landingpage-nps .ic-premio {width:100px; display:block; margin:0 auto; margin-top:35px}

.landingpage-nps .form-control-textarea {line-height: normal;height: 80px !important;padding: 15px;margin-bottom: 20px;}







.landingpage-nps .checkbox {display: flex; justify-content: space-between; margin-bottom:50px}

.landingpage-nps .checkbox .btn-secondary {width:45px;height:45px;line-height: 45px;padding:0;--bs-btn-color:var(--cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color: var(--cor-cinza-400);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--cor-cinza-700);--bs-btn-active-border-color: var(--cor-cinza-700); }

.landingpage-nps .checkbox-title {display: flex; justify-content: space-between; margin-top:40px; margin-bottom:10px; font-weight: 700}





.api-formas-pagto-cartao-tipo .nav-link {margin-top:20px; margin-bottom:30px; padding:4px 0;  border:0; color:var(--cor-cinza-500); background:var(--cor-cinza-200) !important;}

.api-formas-pagto-cartao-tipo .nav-pills .nav-link.active, .api-formas-pagto .nav-pills .show>.nav-link {font-weight: 600; border:0; color:var(--cor-cinza-900); background:var(--cor-cinza-200) !important;}





.cardcheck {font-size:15px}

.cardcheck-content {display: none;}

.cardcheck-visible {display: block;}

.cardcheck-icos {margin-top:20px; text-align: center; margin-bottom:20px }

.cardcheck .erro{margin-top: 22px; color:var(--cor-secundaria-vermelho); font-size:13px}

.cardcheck h5 {font-size:16px; line-height: 1.5}

.cardcheck-input-code {width:160px; margin: 0 auto; height:40px; border: 1px solid var(--cor-cinza-400); border-radius:6px; box-shadow: 1px 1px 0px rgb(0 0 0 / 0.05)}

.cardcheck-input-code .input-group-text {height:40px; border:0; border-radius:0; background:transparent; padding: 0 0 0 10px; }

.cardcheck-input-code .form-control {height:40px; font-size:18px !important; background:transparent; padding: 0 0 0 10px !important; border-radius: 0 !important; border: 0 !important; box-shadow:0 0 0 !important; }





.pg-descadastramento {margin-top: 80px;}

.pg-descadastramento h1 {text-align: left; margin-bottom: 30px; font-size: 30px;}

.pg-descadastramento .btn {margin-top: 30px; font-weight: 600;}

.pg-descadastramento h4 {display: flex; align-items: center; gap: 20px}

.pg-descadastramento h4 i {font-size: 33px}

.pg-descadastramento .img {max-width: 250px; margin-top: 40px; margin-bottom: 60px;}







.campanha-jornada {margin: 100px 0; text-align: center;}

.campanha-jornada .nome {color:var(--cor-cinza-900); margin-bottom: -30px; font-weight: 400;}

.campanha-jornada h2 {font-size: 56px; font-weight: 700; margin-bottom: 20px; margin-top: 50px;}

.campanha-jornada h3 {font-size: 38px; font-weight: 400;}

.campanha-jornada h3 b {font-weight: 700}

.campanha-jornada .box-inicio {background-color: var(--cor-cinza-00); text-align: center; border-radius: 20px; padding:50px;}

.campanha-jornada .inicio-img {max-width: 600px; width: 90%;}

.campanha-jornada .box-inicio .btn {font-size: 20px; font-weight: 400; padding: 15px 50px; margin-top: 40px;}

.campanha-jornada .box {border:1px solid var(--cor-cinza-400); border-radius: 12px; padding:40px 20px;}



.campanha-jornada .box1 {margin-top: 80px; font-size: 23px; background-color: var(--cor-cinza-100); display: flex; text-align: left; align-items: center; justify-content: center; gap:30px}

.campanha-jornada .box1 .icon {width: 100px; height: 100px; min-width:100px; min-height:100px; font-size: 39px; color: var(--cor-laranja); background-color: #fff; border-radius: 999px; display: flex; align-items: center; justify-content: center;}



.campanha-jornada .box1 b {font-size: 29px; line-height: 23px;}



.campanha-jornada .box2 h2 {font-size:35px; margin:0 0 50px 0}

.campanha-jornada .box2 .premios {display: flex; gap: 30px; padding: 0 100px}

.campanha-jornada .box2 .premios img {border-radius: 12px;}

.campanha-jornada .box2 .premios p {margin-top: 30px;}

.campanha-jornada .box4 {display: flex; justify-content: space-between; align-items: center;  padding: 0 100px}

.campanha-jornada .box4 h2 {font-size:30px; text-align: center;}

.campanha-jornada .item-inicio h2 b {margin-top: 15px; display: block; color: var(--cor-laranja); font-weight: 700;}

.campanha-jornada .box4 .logo, .campanha-jornada .box4 .categoria {max-width: 150px;background: #fff;margin-bottom: 1.25rem;border-radius: 0.75rem;padding: 0.625rem;box-shadow: 0 0 1.875rem rgb(0 0 0 / 0.1); }

.campanha-jornada .box4 .logos, .campanha-jornada .box4 .categorias {display: flex;; gap: 20px; align-items: center; justify-content: center;}

.campanha-jornada .box4 .categoria {padding:50px}

.campanha-jornada .box5 {margin-top: 80px; font-size: 21px; background-color: var(--cor-cinza-100);}



.campanha-jornada .img-compartilhamento {padding:27px; background-image: url(images/img/Campanha-Jornada-bg.png);background-size: 540px 960px;width: 540px; height: 960px; background-color: var(--cor-laranja);}

.campanha-jornada .img-compartilhamento .item1 {font-size: 19px; margin-top: 115px; height: 146px; display: flex; align-items: center; justify-content: center; color:#fff}

.campanha-jornada .img-compartilhamento .item3 {margin-top: 111px; display: flex; justify-content: space-between;}

.campanha-jornada .img-compartilhamento .item3 .logo {max-width: 155px; padding:15px; border-radius: 12px; background-color: #fff;}





.campanha-jornada .img-compartilhamento .item2 {flex-wrap: wrap;margin-top:50px; text-align: left;height: 255px; display: flex; gap:10px; align-items: center; justify-content: center;}

.campanha-jornada .img-compartilhamento .item2 img {border-radius: 6px; width: 235px}







.pg-comprovante {max-width: 390px; margin: 0 auto; margin-top: 50px; padding: 20px;}

.pg-comprovante .dados {Gap:20px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; margin-bottom:10px; color: var(--cor-cinza-600)}

.pg-comprovante .right {white-space: normal; text-align: right;font-weight: 600; color: var(--cor-cinza-900) }

.pg-comprovante .form-campo{margin-bottom: 30px}

.pg-comprovante .fidelidade {color: var(--cor-laranja);}

.pg-comprovante .dados .ic-compartilhamento {font-weight: 600; font-size: 24px; color: var(--cor-cinza-900);}

.pg-comprovante .icones {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

.pg-comprovante .dados .ico-tipo {width: 20px; height: 20px}

.pg-comprovante .dados .ico-excluir:hover {opacity: 0.5;}

.pg-comprovante .dados.destaque {font-size: 18px; font-weight: 700; margin-bottom: 30px;}

.pg-comprovante .dados.destaque .right {font-size: 18px; font-weight: 700;}

.pg-comprovante h4 {margin-bottom: 20px; white-space: normal;}

.pg-comprovante .ico-pagamento {display: flex;align-items: center;justify-content: center;color: var(--cor-cinza-900);background: var(--cor-cinza-100);width: 70px;height: 70px;text-align: center;margin-right: 20px;border-radius: 999px;margin: 0 auto;margin-bottom: 15px;}





.api-comprovante {width: 350px; padding:20px; padding-top: 40px; height: 600px; text-align: center; margin: 0 auto;}

.api-comprovante .logo {margin-bottom: 40px;}

.api-comprovante h5 {font-weight: 700; margin-bottom:5px; text-align: center; font-size: 15px; color: var(--cor-cinza-600);font-weight: 600;}

.api-comprovante h4 {font-weight: 700; margin-bottom:20px; text-align: center; font-size: 21px;}

.api-comprovante .ico-pagamento {display: flex;align-items: center;justify-content: center;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;margin: 0 auto}

.api-comprovante .ico-pagamento img {width: 34px;height: 34px; }

.api-comprovante .header {margin-bottom:40px; margin-top: 15px;}

.api-comprovante .header .valor {font-size:20px; margin-bottom:5px; margin-top:5px; color: var(--cor-laranja);}

.api-comprovante .header .nome {font-weight: 600; font-size:16px; margin-bottom: 3px;}

.api-comprovante .header .unidade {font-weight: 500; font-size:15px}

.api-comprovante .dados {font-size:15px; display: flex; justify-content: space-between; align-items: center; margin-bottom:10px;}

.api-comprovante .dados .left {color:var(--cor-cinza-600)}

.api-comprovante .dados .right {font-weight: 600; }

.api-comprovante .btn {margin-top:40px}









.pg-contadigital h1 {margin-top:3.75rem; margin-bottom:2.5rem;}

.pg-contadigital .title-destaque-display-d {display:block}

.pg-contadigital .title-destaque-display-m {display:none}

.pg-contadigital .title-destaque-contadigital {background: #ed8040; background-image: url(images/contadigital_img_bg.png);}

.pg-contadigital .title-destaque-contadigital h1{color:#fff; margin-bottom: 1.25rem}



.pg-contadigital .bloco1 {margin-top: 80px; }

.pg-contadigital .bloco1 .inner {display: flex; gap: 80px; align-items: center;}

.pg-contadigital .bloco1 h1 {text-align: left;}

.pg-contadigital .bloco1 p {margin-top: 20px;}

.pg-contadigital .bloco1 .img {max-width: 500px; width: 100%;}

.pg-contadigital .bloco1 span {white-space: nowrap}

.pg-contadigital .bloco1 .btn {margin-top: 30px;}



.pg-contadigital .bloco2 {margin-top: 100px; background-color: var(--cor-cinza-100); padding: 80px 0;}

.pg-contadigital .bloco2 .inner {display: flex; gap: 100px; align-items: center;}

.pg-contadigital .bloco2 h1 {text-align: left; margin-top: 0;}

.pg-contadigital .bloco2 .img {max-width: 600px; width: 100%;}

.pg-contadigital .bloco2 span {white-space: nowrap}

.pg-contadigital .bloco2 .btn {margin-top: 30px;}

.pg-contadigital .bloco2 .info {margin-top: 40px; display: flex; gap: 20px; flex-direction: column;}

.pg-contadigital .bloco2 .info .item {display:flex; align-items: center; gap: 20px; border-radius: 12px;padding:15px 20px;background-color: #fff; width: 100%;}

.pg-contadigital .bloco2 .info .item i {font-size: 25px; color: var(--cor-laranja);}



.pg-contadigital .bloco3 {background-color: var(--cor-cinza-900); padding: 100px 0 80px 0; text-align: center;}

.pg-contadigital .bloco3 p {color: #fff; margin-top: 30px;}

.pg-contadigital .bloco3 h1 {margin: 0; color: #fff;}

.pg-contadigital .bloco3 .info-blocos {display: flex; width: 100%; gap: 20px; margin: 30px 0;}

.pg-contadigital .bloco3 .info-itens {display: flex; width: 100%; gap: 20px;}

.pg-contadigital .bloco3 .info-itens .item {width: 100%; background-color: #fff; text-align: center; padding: 0 20px 20px 20px; border-radius: 12px;}

.pg-contadigital .bloco3 .img {max-width: 150px; display: block; margin: 0 auto;}

.pg-contadigital .bloco3 .feature-icon-seta {background: #fff; color: var(--cor-cinza-900); font-size: 35px;}



.pg-contadigital .bloco4 {background: url(images/contadigital-dots-esq.svg) no-repeat left center; background-size: 300px auto; padding-top: 100px; min-height: 500px;}

.pg-contadigital .bloco4 h1 {margin-top: 0; max-width: 680px; margin: 0 auto; margin-bottom: 50px;}

.pg-contadigital .bloco4 .vantagens {max-width: 900px; margin: 0 auto; text-align: center;}

.pg-contadigital .bloco4 .vantagens .item {color: #fff;background-color: var(--cor-cinza-900); padding: 60px 0; border-radius: 9000px;}

.pg-contadigital .bloco4 .vantagens .item h2 {font-size: 30px; margin: 0; margin-bottom: 20px; max-width: 100%;} 

.pg-contadigital .bloco4 .vantagens .agilidade, .pg-contadigital .bloco4 .vantagens .dobro {margin-left: 100px;}

.pg-contadigital .bloco4 .vantagens .seguranca {margin: 30px 0;margin-right: 180px;background-color: var(--cor-laranja);}



.pg-contadigital .bloco5 {margin-top: 100px;background-color: var(--cor-laranja); padding: 20px 0; color: #fff;}

.pg-contadigital .bloco5 .inner {display: flex; gap: 100px; align-items: center;}

.pg-contadigital .bloco5 h1 {text-align: left; margin: 0 0 40px 0;}

.pg-contadigital .bloco5 p {margin-top: 20px;}

.pg-contadigital .bloco5 .img {max-width: 457px; width: 100%;}

.pg-contadigital .bloco5 h2 {font-size: 25px; margin-top: 30px;}

.pg-contadigital .bloco6 {margin: 80px 0; text-align: center;}

.pg-contadigital .bloco6 .btn h3 {font-size: 25px; margin: 20px 30px;}

.pg-contadigital .display-m {display: none;}



.multipay .conta-digital .anchor {display: flex; align-items: center; justify-content: space-between;}

.multipay .conta-digital .anchor a {color: var(--cor-cinza-900); font-size: 25px;}

.multipay .conta-digital .anchor a:hover {color: var(--cor-laranja);}







.pg-novomulti .title-destaque-display-d {display:block}

.pg-novomulti .title-destaque-display-m {display:none;}

.pg-novomulti .title-destaque-novomulti {color: #fff;height: calc(100vh - 5.3rem); overflow: hidden; padding-top: 50px;background: var(--cor-cinza-900); gap: 0;}

.pg-novomulti .title-destaque-novomulti .txt {margin: 0; padding-bottom: 0; width: 100%;}

.pg-novomulti .title-destaque-novomulti h1{font-size:34px; color:var(--cor-cinza-900);text-align: center;background-color: #fff;padding: 40px 0;border-radius: 999px;margin-bottom: 1.25rem; max-width: 100%;display: block; width: 100%;}

.pg-novomulti .title-destaque-novomulti h1 p {font-weight: 400; font-size: 20px; margin-bottom: 10px;}

.pg-novomulti .boxbaixe {text-align: center;margin-top:50px;font-size: 20px;}

.pg-novomulti .baixe { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 20px;}

.pg-novomulti .baixe .loja i {font-size: 20px;}

.pg-novomulti .baixe .loja {border:1px solid #fff; color:#fff; font-size: 16px; border-radius: 8px; padding: 10px 30px; display: flex; align-items: center; gap: 8px;}

.pg-novomulti .baixe .loja:hover {background-color: #fff; color: var(--cor-cinza-900);}





.pg-novomulti .bloco1 .inner {display: flex; gap: 100px; align-items: center;}

.pg-novomulti .bloco1 h1 {text-align: left; margin-bottom: 40px;}

.pg-novomulti .bloco1 .img {max-width: 457px; width: 100%;}

.pg-novomulti .bloco1 .display-m {display: none;}

.pg-novomulti .bloco1 .emoji {width: 25px;}

.pg-novomulti .bloco1 span {background-color: var(--cor-cinza-900); font-weight: 400 ; color: var(--cor-laranja); border-radius: 6px; padding: 1px 8px 2px 8px; display: inline-block;}

.pg-novomulti .bloco1 .linha {margin-bottom: 5px;}

.pg-novomulti .bloco1 .linha3 {margin-top: 40px;}



.pg-novomulti .bloco2 {padding: 100px 0 0 0; background: url(images/novomulti-dots-dir.svg) no-repeat right top; background-size: 300px auto; text-align: center; background-color: var(--cor-cinza-100);}

.pg-novomulti .bloco2 .descubra {width:fit-content; margin: 0 auto;margin-bottom: 50px;color: #fff;border-radius: 999px;padding: 20px 40px 20px 50px;background-color: var(--cor-cinza-900); display: flex; align-items: center; justify-content: center; gap: 20px;}



.pg-novomulti .checkitens-w, .pg-novomulti .checkitens {display: flex; margin-top: 40px; gap: 10px; font-size: 17px;}

.pg-novomulti .checkitens-w .item, .pg-novomulti .checkitens .item  {width: 100%; background-color: #fff; border-radius: 9px; padding: 20px; display: flex; align-items: center; gap: 10px;}

.pg-novomulti .checkitens-w i, .pg-novomulti .checkitens i  {color: var(--cor-laranja);} 

.pg-novomulti .checkitens .item  {background-color: var(--cor-cinza-100);}

.pg-novomulti .checkitens2 {margin-top: 10px;}



.pg-novomulti .bloco3 .inner {text-align:left; display: flex; gap: 100px; align-items: center; justify-content: space-between;}

.pg-novomulti .bloco3 h1 {text-align: left; margin-bottom: 40px;}

.pg-novomulti .bloco3 .img {max-width: 457px; width: 100%;}

.pg-novomulti .bloco3 .img.display-m {display: none;}



.pg-novomulti .bloco4 {background: url(images/novomulti-dots-esq.svg) no-repeat left top; background-size: 300px auto;}

.pg-novomulti .bloco4 .inner {text-align:left; display: flex; gap: 100px; align-items: center; justify-content: space-between; padding-top: 50px;}

.pg-novomulti .bloco4 h1 {text-align: left; margin-bottom: 40px;}

.pg-novomulti .bloco4 .img {max-width: 457px; width: 100%;}

.pg-novomulti .bloco4 .img.display-m {display: none;}



.pg-novomulti .bloco5 {background-color: var(--cor-cinza-100);}

.pg-novomulti .bloco5 .inner {text-align:left; display: flex; gap: 100px; align-items: center; justify-content: space-between; padding-top: 50px;}

.pg-novomulti .bloco5 h1 {text-align: left; margin-bottom: 40px;}

.pg-novomulti .bloco5 .img {max-width: 457px; width: 100%;}

.pg-novomulti .bloco5 .img.display-m {display: none;}



.pg-novomulti .bloco6 {background: url(images/novomulti-dots-esq2.svg) no-repeat left top; background-size: 300px auto;}

.pg-novomulti .bloco6 .inner {text-align:left; display: flex; gap: 100px; align-items: center; justify-content: space-between; padding-top: 50px;}

.pg-novomulti .bloco6 h1 {text-align: left; margin-bottom: 40px;}

.pg-novomulti .bloco6 .img {max-width: 457px; width: 100%;}

.pg-novomulti .bloco6 .img.display-m {display: none;}



.pg-novomulti .bloco7 {background: url(images/novomulti-simbolo.svg) no-repeat right bottom; background-size: 450px auto; background-color: var(--cor-cinza-900); color: #fff; text-align: center; padding: 100px 0;}

.pg-novomulti .bloco7 h1 {text-align: center; margin-bottom: 40px;}

.pg-novomulti .bloco7 h2 {font-size: 18px; font-weight: 600; color: var(--cor-cinza-900);}

.pg-novomulti .bloco7 .baixebox {background-color: #fff;padding: 40px 20px; margin:30px auto; width:100%; max-width: 700px; border-radius: 999px;}

.pg-novomulti .bloco7 .baixe { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 20px;}

.pg-novomulti .bloco7 .baixe .loja i {font-size: 20px;}

.pg-novomulti .bloco7 .baixe .loja {border:1px solid var(--cor-cinza-900); color: var(--cor-cinza-900); font-size: 16px; border-radius: 8px; padding: 10px 30px; display: flex; align-items: center; gap: 8px;}

.pg-novomulti .bloco7 .baixe .loja:hover {background-color: var(--cor-cinza-900); color: #fff;}













@keyframes fogos {

    0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }

    50% { width: 0.5vmin; opacity: 1; }

    100% { width: var(--finalSize); opacity: 0; }

  }

  

  /* @keyframes fogosPseudo {

    0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }

    50% { width: 0.5vmin; opacity: 1; }

    100% { width: var(--finalSize); opacity: 0; }

  }

   */

  .fogos,

  .fogos::before,

  .fogos::after

  {

    --initialSize: 0.5vmin;

    --finalSize: 45vmin;

    --particleSize: 0.2vmin;

    --color1: #ff7500;

    --color2: #ff7500;

    --color3: #ff7500;

    --color4: #ff7500;

    --color5: #ff7500;

    --color6: #ff7500;

    --y: -30vmin;

    --x: -50%;

    --initialY: 60vmin;

    content: "";

    animation: fogos 4s infinite;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, var(--y));

    width: var(--initialSize);

    aspect-ratio: 1;

    background: 

      /*

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,

      */

      

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,

      radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,

      radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,

      radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,

      

      /* bottom right */

      radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,

      radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,

      radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,

      radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,

      radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,

      

      /* bottom left */

      radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,

      radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,

      radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,

      radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,

      radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,

      radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,

      

      /* top left */

      radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,

      radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,

      radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,

      radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,

      radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,

      radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,

      

      /* top right */

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,

      radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%

      ;

    background-size: var(--initialSize) var(--initialSize);

    background-repeat: no-repeat;

  }

  

  .fogos::before {

    --x: -50%;

    --y: -50%;

    --initialY: -50%;

  /*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */

    transform: translate(-50%, -50%) rotate(40deg) scale(2) rotateY(40deg);

     animation: fogosPseudo 20s infinite; 

  }

  

  .fogos::after {

    --x: -50%;

    --y: -50%;

    --initialY: -50%;

   /*  transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */

    transform: translate(-50%, -50%) rotate(170deg) scale(.9) rotateY(-30deg); 

     animation: fogosPseudo 20s infinite; 

  }

  

  .fogos:nth-child(2) {

    --x: 30vmin;

  }

  

  .fogos:nth-child(2),

  .fogos:nth-child(2)::before,

  .fogos:nth-child(2)::after {

    --color1: #fff;

    --color2: #fff;

    --color3: #fff;

    --color4: #fff;

    --color5: #fff;

    --color6: #fff;  

    --finalSize: 40vmin;

    left: 30%;

    top: 35%;

    animation-delay: -2s;

  }

  

  .fogos:nth-child(3) {

    --x: -30vmin;

    --y: -50vmin;

  }

  

  .fogos:nth-child(3),

  .fogos:nth-child(3)::before,

  .fogos:nth-child(3)::after {

    --color1: #fff;

    --color2: #fff;

    --color3: #fff;

    --color4: #fff;

    --color5: #fff;

    --color6: #fff;

    --finalSize: 35vmin;

    left:88%;

    top: 65%;

    animation-delay: -10s;

  }

  

  

  .fogos:nth-child(4) {

    --x: -80vmin;

    --y: 0vmin;

  }

  

  .fogos:nth-child(4),

  .fogos:nth-child(4)::before,

  .fogos:nth-child(4)::after {

    --color1: #ff7500;

    --color2: #ff7500;

    --color3: #ff7500;

    --color4: #ff7500;

    --color5: #ff7500;

    --color6: #ff7500;

    --finalSize: 100vmin;

    left: 20%;

    top: 20%;

    animation-delay: -10s;

}









.section.from-bottom {opacity: 0;transform: translateY(50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.from-bottom.visible {opacity: 1;transform: translateY(0);}

.section.from-top {opacity: 0;transform: translateY(-50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.from-top.visible {opacity: 1;transform: translateY(0);}

.section.from-left {opacity: 0;transform: translateX(-50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.from-left.visible {opacity: 1;transform: translateX(0);}

.section.from-right {opacity: 0;transform: translateX(50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.from-right.visible {opacity: 1; transform: translateX(0);}



.section.section-bottom {opacity: 0;transform: translateY(50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.section-bottom.visible {opacity: 1;transform: translateY(0);}

.section.section-top {opacity: 0;transform: translateY(-50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.section-top.visible {opacity: 1;transform: translateY(0);}

.section.section-left {opacity: 0;transform: translateX(-50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.section-left.visible {opacity: 1;transform: translateX(0);}

.section.section-right {opacity: 0;transform: translateX(50px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}

.section.section-right.visible {opacity: 1; transform: translateX(0);}

  



.pg-processamento {background-color: var(--cor-cinza-100); height: 100vh; display: flex; align-items: center; color: var(--cor-cinza-500); text-align: center;}

.pg-processamento h1 {text-align: left;}









@media (max-width: 1919px) /* até 1679 */ {

    .campanha-jornada .box4 .logo, .campanha-jornada .box4 .categoria {max-width: 110px;}

    .campanha-jornada .box4 .categoria {padding: 30px;}

    .campanha-jornada .box4 .logos, .campanha-jornada .box4 .categorias {gap: 10px;}



}





@media (max-width: 1680px) /* mac, até 1439 */ {



}





@media (max-width: 1440px) /* mac até 1400*/ {

    .pg-clube .bloco3 .indicados {width: 100%; max-width:1050px; margin-left: auto; margin-right: auto;}

    .carousel-control-next, .carousel-control-prev {width: 10%;}



}





@media (max-width: 1399px) /* 1200 */ {

    .navtop .navbar, .navtop .navbar .btn {font-size: 0.9rem}

    .carousel-control-next, .carousel-control-prev {opacity: 0 !important;} 

    .carousel-inicio .carousel-caption {left: 80px; bottom: 80px;}





    .navtop .nav-link{margin:0}

    .beneficios .col-left {width:25%}

    .beneficios .col-right {width:75%}

    .pg-ganhecristais .comofunciona .info {height: 8.75rem;}

    .title-destaque {height:20rem}

    .empresas-logo.container {width:100%; max-width:100%}



    .pg-parceiros .title-destaque .txt {margin-right: 0;}

    .pg-parceiros .title-destaque h1 {font-size:1.875rem}



    .empresa-info-cta {margin-right:30px}

    .empresa-info-tipo {margin-right:30px}



    .lista-cartoes .cartao {background-size: auto 103%;}



    .pg-empresa-vitrine .filtro-busca {padding-left: 0;}



    .campanha-jornada .box4 h2 {font-size: 19px;}

    .campanha-jornada .box4 .logo, .campanha-jornada .box4 .categoria {max-width: 93px;}



    .pg-clube .bloco4 h2 {font-size: 22px;}

    .pg-clube .title-destaque-clube .txt {margin: 0;}

    .pg-clube .bloco1 h1 {font-size: 36px;}

    .pg-clube .bloco4 h1 {font-size: 30px;}

    .pg-clube .bloco3 .indicados {max-width: 900px;}

    .pg-clube .bloco4 .inner {gap: 50px;}



    .pg-ganhecristais .comoganhar-tab .inner1 .img-apoio,

    .pg-ganhecristais .comoganhar-tab .inner2 .img-apoio,

    .pg-ganhecristais .comoganhar-tab .inner3 .img-apoio,

    .pg-ganhecristais .comoganhar-tab .inner4 .img-apoio {display: none;}

    .pg-ganhecristais .comoganhar-tab .inner1 .info,

    .pg-ganhecristais .comoganhar-tab .inner2 .info,

    .pg-ganhecristais .comoganhar-tab .inner3 .info,

    .pg-ganhecristais .comoganhar-tab .inner4 .info {padding-top: 0;height: auto;justify-content: center;}



    .pg-troquepremios .comotrocar-tab .inner1 .img-apoio,

    .pg-troquepremios .comotrocar-tab .inner2 .img-apoio,

    .pg-troquepremios .comotrocar-tab .inner3 .img-apoio {display: none;}

    .pg-troquepremios .comotrocar-tab .inner1 .info,

    .pg-troquepremios .comotrocar-tab .inner2 .info,

    .pg-troquepremios .comotrocar-tab .inner3 .info {padding-top: 0;height: auto;justify-content: center; padding-bottom: 30px;}



    .pg-novomulti .title-destaque-novomulti {height: 600px;}





}



@media (max-width: 1199px) /* 992px */ {

    h1 {font-size:2rem}

    h2 {font-size:1.5rem}

    h3 {font-size:1.3rem}

    .navtop .nav-display-d {display:none}

    .navtop .nav-display-m {display:block}

    .navtop .container-xl {padding: 0}

    .navtop .navbar-toggler {position: fixed; top: 0.9rem; right: 2.5rem}

    .navtop .navbar-brand {position: fixed; top: 0.5rem; left: 2.5rem}

    .navbar-brand img {height: 39px; margin-top:3px}

    .navtop, .navtop-bottom, .navbar-close {height: 4.3rem;}



    .navtop .navbar {margin-top:4.3rem; background:#fff; float:right; height:100vh; display:flex; align-items: start; border-left:1px solid var(--cor-cinza-400); box-shadow: -0.25rem 0.625rem 1.375rem rgb(0 0 0 / 0.1); padding-top:0}

    .navtop .navbar-collapse {width:18.75rem}

    .navtop .nav-item, .navtop .nav-log .nav-item {border-bottom:1px solid var(--cor-cinza-400); padding: 0.313rem 0; margin:0}





    .carousel-inicio,

    .carousel-inicio .carousel,

    .carousel-inicio .carousel-inner,

    .carousel-inicio .carousel-item,

    .carousel-inicio .carousel-item img {

      height: calc(100vh - 4.3rem);

    }



    .beneficios {margin-bottom: 5rem}

    .beneficios .col-left {width:30%}

    .beneficios .col-right {width:70%}



    .skew {padding-top: 5.5rem;padding-bottom: 5.25rem;}



    .promocoes .card-title {font-size: 1.1rem;}

    .promocoes .card-body {height: 12rem;}



    .numeros .valor1 {font-size: 1.8rem;}

    .numeros h1 {margin-bottom:1.4rem}

    .numeros {margin: 5rem 0;}





    .pg-parceiros .carousel-control-next, .pg-parceiros .carousel-control-prev {width: 2.5rem;display: none;}

    .pg-parceiros .title-destaque .txt { position: absolute; width: 38.75rem; left:1.875rem}

    .pg-parceiros  .title-destaque .container {justify-content: end}



    .pg-parceiros .lista-empresas-cat span {white-space: nowrap;}

    .pg-parceiros .lista-empresas-cat {max-width: 100%; overflow-x: auto;white-space: nowrap; padding-bottom: 10px; margin-bottom: 30px;}



    .empresa-info-logo img {width:180px; margin-right: 25px;}

    .empresa-info-unidade h2 {font-size: 25px;}

    .empresa-info-conversao {margin-top: 12px;}

    .empresa-info-cta .btn {padding-left: 15px;padding-right: 15px;}

    .empresa-info-cta .btn-pay {padding-left: 20px;padding-right: 20px}

    .section-products .single-product .part-2 .product-title {min-height: 82px;}



    .navbar-submenu-m {display: block; padding:20px 40px; display: flex; justify-content: start; gap: 50px; position: fixed; top:4.3rem; left:0; width: 100%; height:4rem; z-index: 1029;}

    .navbar-submenu-m a {color: var(--cor-cinza-900)}

    .navbar-submenu-m-bottom {display: block; height:4rem;}



    .multipay .anchor, .pg-premios .anchor {position: relative;}

    .multipay .anchor span, .pg-premios .anchor span {position:absolute; top:-200px}

    .lista-cartoes .cartao {background-size: 100% auto;}

    .multipay .conta-digital, .multipay .carteira-digital, .multipay .assinaturas-recorrentes {margin-right:0}

    .pg-premios .fidelidade, .pg-premios .meus-premios, .pg-premios .extrato {margin-right: 0;}

    .pg-premio-unico .img-premio {display: block; margin: 0 auto; margin-bottom: 50px;}

    .premio-dados .valor {padding-left: 0; padding-right: 0;}

    .premio-dados .validade {padding-left: 0; padding-right: 0;}



    .list-products .single-product .part-2 .product-title {min-height: 100px;}



    .campanha-jornada .box4  {flex-direction: column;}

    .campanha-jornada {margin: 70px 0;}

    .campanha-jornada h2 {margin-top: 30px;}

    .campanha-jornada .box2 .premios p {font-size: 1rem;}

    .campanha-jornada .box2 .premios p {margin-top: 15px;}

    .campanha-jornada .box2 .premios {flex-direction: column; max-width: 600px; margin: 0 auto}



    .pg-clube .bloco1 .destaque {font-size: 20px;}

    .pg-clube .bloco1 h1 {font-size: 30px; margin-bottom: 30px;}

    .pg-clube .bloco1 .img {max-width: 420px;}

    .pg-clube .bloco1 .inner {gap: 60px;}

    .pg-clube .bloco3 h1 {max-width: 500px;}

    .pg-clube .bloco3 .indicados {max-width: 750px;}



    .pg-clube .bloco4 .img {max-width: 390px;}

    .pg-clube .bloco4 .inner {gap: 20px;}

    .pg-clube .bloco4 .btn {margin-top: 0;}



    .pg-clube .bloco6 .premios {flex-wrap: wrap; align-items: center; justify-content: center;}

    .pg-clube .bloco6 .premios a {flex-basis: 40%;}

    .pg-clube .bloco6 {background:#fff;}





    .pg-contadigital .bloco1 .inner {gap: 50px;}

    .pg-contadigital .bloco2 .img {max-width: 490px;}

    .pg-contadigital .bloco2 .inner {gap: 30px;}

    .pg-contadigital .bloco3 .img {max-width: 120px;}

    .pg-contadigital .bloco3 .info-itens .item {padding: 10px;}

    .pg-contadigital .bloco5 .img {max-width: 380px;}

    .pg-contadigital .bloco5 .inner {gap: 30px;}



    .pg-troquepremios .title-destaque .txt {margin-right: 0;}



    .pg-novomulti .title-destaque-novomulti {height: 480px; padding-top: 20px;}

    .pg-novomulti .title-destaque-novomulti h1 {font-size: 28px;}

    .pg-novomulti .title-destaque-novomulti .boxbaixe {font-size: 18px;}





    .pg-novomulti .bloco1 .inner, .pg-novomulti .bloco3 .inner, .pg-novomulti .bloco4 .inner,.pg-novomulti .bloco5 .inner,.pg-novomulti .bloco6 .inner {gap: 40px;}

    .pg-novomulti .bloco1 .img {max-width: 350px; }

    .pg-novomulti .bloco3 .img, .pg-novomulti .bloco4 .img , .pg-novomulti .bloco5 .img, .pg-novomulti .bloco6 .img {max-width: 380px;}

    .pg-novomulti .bloco7 {background-size: 300px auto;}



    .fogos:nth-child(3),.fogos:nth-child(3)::before,.fogos:nth-child(3)::after {left:60%; }



    .empresa-info-nfc {margin-right: 30px;}



    .vitrine-nav .nav-breadcrumb {padding-top: 23px;padding-left: 20px;}

    .vitrine-nav .icon-cart {margin-top: 9px;padding-right: 10px;}

    .vitrine-nav .icon-cart a {font-size: 22px;}

    .vitrine-nav .icon-cart a:hover {background-color: #fff;}



    .pg-produto .nav-comprar .btn-comprar {padding-left: 30px;padding-right: 30px;}







}





@media (max-width: 991px) /* 768px */ {

    .display-d-991 {display:none !important}

    .display-m-991 {display:block !important}







    .skew {padding-top: 4rem;padding-bottom: 4rem;}



    .beneficios-btn {margin-top:1.5rem}

    .beneficios .col-left {width:30%}

    .beneficios .col-right {width:70%}

    .beneficios {max-width: 31rem; margin-left:auto; margin-right: auto}

    .beneficios h1 {margin-bottom: 1.25rem;}



    .empresas {text-align: left}

    .empresas h1 {text-align: center}



    .empresas-logo {margin-top:1rem;position: relative;height: 10rem;overflow: hidden;}

    .empresas-logo-img {position: absolute;top: 0;left: 0;display: flex;animation: move 40s infinite linear;}

    .empresas-logo-img a {height: 10rem;width: 10rem;flex-shrink: 0;margin-right: 1rem;}

    .empresas-logo-img img {padding:0.625rem;border-radius:0.75rem;background:#fff;height: 10rem;width: 10rem;}

    @keyframes move {from {left: 0;}to {left: -110rem;}}



    .container.promocoes {width:100%; max-width:100%; padding-right:0}

    .promocoes-itens {width:59rem; padding-bottom:0.7rem}

    .promocoes-itens .item {width:18.75rem; margin-right:1.25rem;}

    .promocoes .card-title {font-size: 1.1rem;} 



    .numeros .valor1 {font-size: 2rem;}

    .numeros .valor2 {font-size: 1rem;}

    .numeros-inner {max-width:29rem; margin-left: auto; margin-right: auto}



    .banner-sac {height:17.5rem; padding: 0 1.25rem}

    .banner-sac-d {display:none}

    .banner-sac-m {display:block; text-align: center; margin-bottom:1.25rem}

    .banner-sac .btn {margin: 0.6rem 0 !important; width: 12.5rem;}



    .footer p {font-size: 0.813rem;letter-spacing: -0.5px;font-weight: 400;}

    .footer h2 {font-size: 1rem; }

    .footer .ico-loja {max-width: 8.125rem; }

    .footer .social-icon {margin-right: 0.25rem;}

    .footer .frase p {letter-spacing: 0}



    .title-destaque h1 {font-size:1.7rem}

    .title-destaque {height:16rem}

    .title-destaque .txt {margin-right: 1rem;}



    .pg-ganhecristais .comofunciona .info {height:6.625rem; padding-top: 0.313rem;padding-left: 0.313rem; letter-spacing: -0.5px}

    .pg-ganhecristais .comofunciona .info2, .pg-ganhecristais .comofunciona .info3 {padding-left:1rem}

    .pg-ganhecristais .comofunciona .info img {margin-right: 0.375rem;}



    .pg-ganhecristais .comoganhar-tab-conteudo {flex-direction: column; gap: 40px;}

    .pg-ganhecristais .comoganhar-tab-sidebar {width: 100%; margin: 0 !important;}

    .pg-ganhecristais .comoganhar-tab .nav-link {width: 100%; max-width: 100%; margin-bottom: 10px;}

    .pg-ganhecristais .comoganhar-tab .btn {width: 100% !important; max-width: 100% !important;}

    .pg-ganhecristais .comoganhar-tab .inner {height: auto; max-width: 100%; width: 100%;;}

    .pg-ganhecristais .comoganhar-tab .tab-content {width: 100%;}

    .pg-ganhecristais .comoganhar-tab .inner .img-principal {max-height: auto; height: auto; max-width: 200px; padding: 0; padding-bottom: 0;}

    .pg-ganhecristais .comoganhar-tab .inner1 .info, .pg-ganhecristais .comoganhar-tab .inner2 .info, .pg-ganhecristais .comoganhar-tab .inner3 .info, .pg-ganhecristais .comoganhar-tab .inner4 .info {padding-bottom: 20px;}



    .pg-troquepremios .vantagens {max-width: 26rem;margin-left: auto;margin-right: auto;}



    

    .pg-troquepremios .comotrocar-tab-conteudo {flex-direction: column; gap: 40px;}

    .pg-troquepremios .comotrocar-tab-sidebar {width: 100%; margin: 0 !important;}

    .pg-troquepremios .comotrocar-tab .nav-link {width: 100%; max-width: 100%; margin-bottom: 10px;}

    .pg-troquepremios .comotrocar-tab .btn {width: 100% !important; max-width: 100% !important;}

    .pg-troquepremios .comotrocar-tab .inner {height: auto; max-width: 100%; width: 100%;;}

    .pg-troquepremios .comotrocar-tab .tab-content {width: 100%;}

    .pg-troquepremios .comotrocar-tab .inner .img-principal {max-height: auto; height: auto; max-width: 200px; padding: 0; padding-bottom: 0;}

    .pg-troquepremios .comotrocar-tab .inner1 .info, 

    .pg-troquepremios .comotrocar-tab .inner2 .info, 

    .pg-troquepremios .comoganhar-tab .inner3 .info {padding-bottom: 20px;}



    .pg-troquepremios .catalogo-nav .nav-link, .pg-troquepremios .catalogo-nav .nav-link.active {font-size: 0.8rem}

    .catalogo .carousel-control-prev {left: -3.375rem;}

    .catalogo .carousel-control-next {right:-3.375rem}



    .pg-parceiros .title-destaque .txt {width:30.625rem}

    .pg-parceiros .title-destaque h1 {font-size: 1.438rem;}



    .cadastro-left {display:none}

    .cadastro-right .content {width: 100%;margin: 40px 0px 0 0px;}

    .cadastro-right h3 {font-size: 24px;}



    .cadastro-participante-m {display:block}

    .background-image-login {display:none}



    .login-navbar-brand-m {display: block; }

    .no-navbar-close {margin-bottom:0}



    .empresa-info-logo img {width: 150px;margin-right: 20px;}

    .empresa-info-unidade h2 {font-size: 21px;}

    .empresa-info-cta .btn {padding-left: 10px;padding-right: 10px;padding-bottom: 7px;margin-left: 4px;}

    .empresa-info-cta .btn-pay {padding-left: 10px;padding-right: 10px;}



    .section-products .row {--bs-gutter-y: 0.5rem; --bs-gutter-x: 0.5rem;}

    .section-products {margin-top:50px; margin-bottom: 50px}

    .section-products .col-3 {width:250px; white-space: normal}

    .section-products .row {width:1010px;}

    .section-products-inner{width: 100%;overflow-x: auto;white-space: nowrap;}

    .section-products .single-product {margin-bottom:15px}

    .section-products .btn {margin-top:20px}

    .section-products .single-product:hover .part-1 ul {bottom: 10px; left:10px; opacity: 1;}

    .section-products .single-product .part-1 ul {bottom: 10px; left:10px; opacity: 1;}

    .section-products .single-product .part-1 {overflow:visible}

    .section-products .single-product .part-1 ul li {height: 36px; line-height: 36px}

    .section-products2 .single-product .part-2 .product-title {white-space:normal}

    .section-products2 {overflow: hidden;}

    .pg-empresa .section-products h1, .pg-empresa .catalogo h1 {margin-bottom:10px} 

    .pg-empresa-vitrine .section-products .row {width:100%}

    

    .info-unidade {display:block; padding-top:25px}

    .info-unidade .mapa-foto {margin-top: 30px;}

    .info-unidade .nav-pills {align-items: center; justify-content: center;}

    .info-unidade .nav-pills .nav-item {width: 50%; font-size: 14px;}

    .info-unidade .nav-pills .nav-link {width: 100%; font-size: 14px;}





    .pg-perfil {background: url("images/img/perfil-foto-bgm.jpg") no-repeat top;background-size: 100% 200px; margin-top: 0; }

    .pg-perfil .meus-dados {max-width: 100%;}

    .pg-perfil .perfil-header {margin: 0 0}

    .pg-perfil .perfil-foto img {width: 200px;margin-top:60px;}



    .pg-perfil .perfil-foto-alterar { width: 200px;height: 200px;align-items: end;justify-content:end;font-size: 24px;background-color: transparent;margin-top: -200px;opacity: 1;}

    .pg-perfil .perfil-foto-alterar i {background-color: var(--cor-cinza-800);background: var(--cor-cinza-800);background: radial-gradient(circle, var(--cor-cinza-700) 0%, var(--cor-cinza-900) 100%);width: 50px;height: 50px;line-height: 50px;border-radius: 999px;color: #fff;}

    .pg-perfil .perfil-header .perfil-nome {width:fit-content;padding-left:80px;padding-right:80px;margin-left: auto; margin-right: auto;}

    .pg-perfil .tab-content>.tab-pane {display: none !important;}

    .pg-perfil .tab-content>.tab-pane.show {display: block !important;}

    .pg-perfil .nav-tab-m {display: block; margin-top:50px; margin-bottom:30px; max-width: 500px; margin-left: auto; margin-right: auto;}

    .pg-perfil .nav-tab-m .nav-tabs {display: flex; justify-content: center;}

    .pg-perfil .nav-link {font-family: 'Montserrat', Arial, Helvetica, sans-serif;font-weight: 700;color: var(--cor-cinza-600);padding: 11px 24px 8px 24px;font-size: 19px;border-radius: 12px 12px 0 0;}

    .pg-perfil .nav-tabs .nav-item.show .nav-link, .pg-perfil .nav-tabs .nav-link.active {color: var(--cor-cinza-900);}

    .pg-perfil .perfil-right, .pg-perfil .perfil-notificacoes {max-width: 500px; margin: 0 auto}

    .pg-perfil .pg-title {display: none;}

    .pg-perfil .perfil-notificacoes .pg-title {display: none;}

    .pg-perfil .perfil-notificacoes .collapse:not(.show) {display: block;}

    .pg-perfil .perfil-notificacoes .btn-visualizar-notificacoes{display: none;}

    .pg-perfil .perfil-notificacoes .notificacao-item-first {border: 0; margin-bottom:20px}

    .pg-perfil .notificacao-item {padding: 30px 0;}

    .pg-perfil .dado-info:hover{background-color: #fff; padding: 30px 15px 30px 0;}

    .pg-perfil .notificacao-item:hover {padding:30px;padding-left:0px; background-color: #fff}



    .single-product .part-1 ul li {height: 36px; line-height: 36px}

    .pg-empresa-vitrine .filtro-busca {padding-left: 0}

    .list-products .single-product .part-2 .product-title {min-height: 66px;}

    .campanha-jornada .box2 .premios {flex-direction: column;}



    .pg-clube .title-destaque-clube p {font-size: 15px;}

    .pg-clube .title-destaque-clube h1 {margin-top: 0;}

    .pg-clube .bloco1 .inner {flex-direction: column;}

    .pg-clube .bloco1 {text-align: center;}

    .pg-clube .bloco1 .img.display-m {display: block; margin: 0 auto; margin-bottom: 30px;}

    .pg-clube .bloco1 .img.display-d {display: none;}

    .pg-clube .bloco1 {margin-top: 10px; margin-bottom: 80px;}

    .pg-clube .bloco1 h1 {padding: 0; color: var(--cor-cinza-900); background-color: #fff;}

    .pg-clube .bloco2 .info-itens {flex-direction: column;}

    .pg-clube .bloco2 {padding: 80px 0 80px 0;}

    .pg-clube .bloco3 {background:#fff;}

    .pg-clube .bloco3 {padding-top: 80px;}

    .pg-clube .bloco4 .img.display-m {display: block; margin: 0 auto; margin-bottom: 30px;}

    .pg-clube .bloco4 .img.display-d {display: none;}

    .pg-clube .bloco4 h1 {padding: 0; background:none; margin-bottom: 30px;}

    .pg-clube .bloco4 h1 span {color: var(--cor-cinza-900);}

    .pg-clube .bloco4 .inner {flex-direction: column;}

    .pg-clube .bloco6 .premios a {flex-basis: 46%;}

    .pg-clube-inicial .bloco1 h1 {text-align: center;}





    .pg-contadigital .display-m {display: block; margin: 0 auto;}

    .pg-contadigital .display-d {display: none;}

    .pg-contadigital .bloco1 {text-align: center; margin-top: 10px;}

    .pg-contadigital .bloco1 h1, .pg-contadigital .bloco2 h1 {text-align: center;}

    .pg-contadigital .bloco1 .img {margin-top: 30px;}

    .pg-contadigital .bloco2 {text-align: center; margin-top: 50px; padding-top: 50px;}

    .pg-contadigital .bloco2 .img {margin-bottom: 30px;}

    .pg-contadigital .bloco3 .info-itens {gap: 10px; margin: 0; margin-top: 20px;}

    .pg-contadigital .bloco3 {padding: 80px 0;}

    .pg-contadigital .bloco3 .btn {margin-top: 30px;}

    .pg-contadigital .bloco2 .info .item {max-width: 500px;}

    .pg-contadigital .bloco2 .info {align-items: center;}

    .pg-contadigital .bloco4 .vantagens .agilidade, .pg-contadigital .bloco4 .vantagens .dobro {margin-left: 0}

    .pg-contadigital .bloco4 .vantagens .seguranca {margin-right: 0;}

    .pg-contadigital .bloco5 {padding: 60px 0;margin-top: 80px; text-align: center;}

    .pg-contadigital .bloco5 h1 {text-align: center; margin-bottom: 10px;}

    .pg-contadigital .bloco3 .info-blocos {gap: 10px;}



    .pg-ganhecristais .title-destaque-ganhecristais p {font-size: 15px;}

    .pg-ganhecristais .title-destaque-ganhecristais h1 {margin-top: 0;}



    .pg-troquepremios .title-destaque-troquepremios p {font-size: 15px;}

    .pg-troquepremios .title-destaque-troquepremios h1 {margin-top: 0;}



    .pg-novomulti .title-destaque-novomulti {height: 380px;}

    .pg-novomulti .title-destaque-novomulti h1 p {font-size: 16px;}

    .pg-novomulti .title-destaque-novomulti h1 {font-size: 22px; padding: 30px 0; margin-bottom: 0;}

    .pg-novomulti .title-destaque-novomulti .boxbaixe {font-size: 16px; margin-top: 25px;}

    .pg-novomulti .title-destaque-novomulti .baixe {gap: 10px;}



    .pg-novomulti .bloco1, .pg-novomulti .bloco2, .pg-novomulti .bloco3, .pg-novomulti .bloco4,.pg-novomulti .bloco5,.pg-novomulti .bloco6,.pg-novomulti .bloco7 {background-image: none;}

    .pg-novomulti .bloco1 .img, .pg-novomulti .bloco2 .img, .pg-novomulti .bloco3 .img,  .pg-novomulti .bloco4 .img,.pg-novomulti .bloco5 .img,.pg-novomulti .bloco6 .img {margin: 0 auto; margin-top: 30px;}

    .pg-novomulti .bloco1 h1, .pg-novomulti .bloco2 h1, .pg-novomulti .bloco3 h1, .pg-novomulti .bloco4 h1,.pg-novomulti .bloco5 h1,.pg-novomulti .bloco6 h1 {text-align: center;}

    .pg-novomulti .bloco1 .inner, .pg-novomulti .bloco2 .inner, .pg-novomulti .bloco3 .inner, .pg-novomulti .bloco4 .inner,.pg-novomulti .bloco5 .inner,.pg-novomulti .bloco6 .inner {text-align: center; gap: 0; flex-direction: column;}

    .pg-novomulti .bloco4 .inner, .pg-novomulti .bloco6 .inner {flex-direction: column-reverse;}

    .pg-novomulti .checkitens-w, .pg-novomulti .checkitens {text-align: left;}

    .pg-novomulti .bloco1 {margin-top: 50px;}

    .pg-novomulti .bloco1 .display-d {display:none}

    .pg-novomulti .bloco1 .display-m {display: block}

    .pg-novomulti .bloco2 {padding-top: 80px; background-image: none;}





    .pg-produto .produto-container {flex-direction: column; align-items: center;}

    .pg-produto .produto-container .produto-foto {max-width: 100%; width: 100%;}

    .pg-produto .produto-container .produto-info {margin-top: 20px;width: 100%;}

    .pg-produto .produto-container .carousel-thumbnails {justify-content: start;}



    .pg-produto .nav-comprar {position: fixed; bottom: 0; left:0; margin: 0; padding:10px; width: 100%; gap:8px}

    .pg-produto .nav-comprar .btn-comprar {width: 100%;}

    .pg-produto .nav-comprar .btn-share {background-color: var(--cor-cinza-900); color: #fff; padding-left: 20px; padding-right: 20px;}





    .pg-produto .produto-container {margin-top: 0;}







  .carousel-item .display-d {display: none !important}

  .carousel-item .display-m {display: block !important}



  .carousel-inicio .carousel-caption {bottom: auto;top: 100px;left: 100px;}



  .header-login .container-slider-ctas {max-width: 100%;}





}











@media (max-width: 767px) /* 576px */ {

    .carousel-inicio .carousel-caption {top: 50px;left: 50px; right: 50px;}

    .carousel-inicio .carousel-caption h1 {font-size: 55px;}

    .carousel-inicio-login .carousel-caption {top: 100px;}



    .footer .mobile {display:block}

    .footer .desk {display:none}

    .footer .baixeoapp {text-align: center; margin-top:1.8rem}

    .footer .space-m {margin-top:1.25rem}

    .footer h2 {font-size: 1.25rem;}

    .footer p {font-size: 1rem;letter-spacing: 0;font-weight: 300;}

    .footer .social-icon {margin-right: 0.313rem; margin-left:0.313rem}



    .title-destaque {display: block; height:auto}

    .title-destaque .container {display: block}

    .title-destaque h1 {font-size:1.7rem; padding-top:2rem}

    .title-destaque .txt {margin-right: 1rem;}



    .pg-ganhecristais .comofunciona {margin-top: 4rem;}

    .pg-ganhecristais .comofunciona .info1,.pg-ganhecristais .comofunciona .info2,.pg-ganhecristais .comofunciona .info3 {background: url("images/comofunciona-info-m.svg") no-repeat; background-size:100% auto;}

    .pg-ganhecristais .comofunciona .info4 {background: url("images/comofunciona-info-m2.svg") no-repeat; background-size:100% auto;}

    .pg-ganhecristais .comofunciona .info {height:8.875rem; padding-top: 0.313rem;padding-left: 0.313rem; letter-spacing: -0.5px}

    .pg-ganhecristais .comofunciona .info img {margin-right: 0.375rem;}



    .catalogo .carousel-control-prev {display:none}

    .catalogo .carousel-control-next {display:none}

    .pg-troquepremios .catalogo .display-d {display:none}

    .pg-troquepremios .nav.nav-pills.mb-3.justify-content-between {justify-content: start !important; width:37.5rem}

    .pg-troquepremios .catalogo-nav .nav-item {width: 6.875rem;margin-right: 0.625rem}

    .pg-troquepremios .menu-itens {width: 100%;overflow-x: auto;white-space: nowrap;}



    .pg-parceiros .vantagens .row {margin-bottom:1.25rem}

    .pg-parceiros .categorias .display-d {display:none}

    .pg-parceiros .categorias .display-m {display:block}

    .pg-parceiros .cat-itens {width: 100%;overflow-x: auto;white-space: nowrap;}

    .pg-parceiros .cat-itens-inner {width:65rem; margin-bottom:1.25rem}

    .pg-parceiros .cat-item {width: 7.5rem; background: var(--cor-cinza-100); border: 1px solid var(--cor-cinza-300); border-radius:0.375rem; padding: 0.625rem; margin-right: 0.625rem; float: left; text-align: center; box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)}

    .pg-parceiros .cat-item img {width:5rem}

    .pg-parceiros .cat-item span{display:block; color: var(--cor-cinza-900); margin-top:0.625rem}



    .pg-parceiros .title-destaque-display-d {display:none}

    .pg-parceiros .title-destaque-display-m {display:block !important}

    .pg-parceiros .title-destaque {background:#fff}

    .pg-parceiros .title-destaque h1 {font-size: 1.5rem; color: var(--cor-cinza-900); padding:0 1.25rem; margin-top: 1.875rem; text-align: center}



    .pg-sac .title-destaque-display-m {display:block}

    .pg-sac .title-destaque-display-d {display:none}

    .pg-sac .title-destaque-sac {margin:0; position: relative;}

    .pg-sac .title-destaque-sac h1 {margin:0; position: absolute; bottom:1.25rem; left:1.875rem; text-align: left; font-size: 2rem}

    .pg-sac .p-destaque-sac {text-align: center; font-size: 1rem; margin-top:1.5rem; margin: 1.875rem}



    .pg-clube .title-destaque-display-m {display:block}

    .pg-clube .title-destaque-display-d {display:none}

    .pg-clube .title-destaque-clube {margin:0; position: relative;}

    .pg-clube .p-destaque-clube {text-align: center; font-size: 1rem; margin-top:1.5rem; margin: 1.875rem}

    .pg-clube .title-destaque-clube h1 {margin:0; position: absolute; bottom:1.25rem; left:1.875rem; text-align: left; font-size: 25px;background-color: var(--cor-cinza-900);border-radius: 999px;color: #fff;padding: 8px 20px;}

    

    .empresa-banner-d {display:none}

    .empresa-banner-m {display:block}

    .empresa-info {display: block}

    .empresa-info-dados {display: block;}



    .empresa-info-logo img {margin:0; width: 100%}

    .empresa-info-logo {width: 150px; margin: 0 auto; margin-top:-20px}

    .empresa-info-unidade {text-align: center; margin-top:15px}

    .empresa-info-conversao {justify-content: center}

    .empresa-info-cta {display: flex; justify-content: center; gap: 10px; margin:30px 15px 0 15px}

    .empresa-info-cta .btn {margin:0; flex: 1 1 auto;}

    .empresa-info-cta .btn-pay {padding-left: 20px;padding-right: 20px;}



    .pg-empresa .empresa-texto {font-size:14px}

    .collapsePay {margin:15px}



    .empresa-info-tipo {width: 140px; margin: 0 auto; margin-top:30px; padding: 20px 0}

    .lista-unidades {margin-top: 45px;}

    .lista-unidades-item-nome {font-size: 21px;}

    .lista-unidades-item-logo {height: 130px;margin-right:15px}



    .navbar-submenu-m {justify-content: space-between; gap:0; padding: 20px 20px;}

    .tabela-extrato .info {display: flex;align-items: start;border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px;transition: all ease-in-out .25s;flex-wrap: wrap;}

    .tabela-extrato .info.titulo {display: none}

    .tabela-extrato .data {flex-basis: 100%; margin-bottom:10px; color: var(--cor-cinza-600)}

    .tabela-extrato .cristais {flex-basis: 100%; text-align: right; margin-top:-24px}

    .tabela-extrato .valor {text-align: right}

    .tabela-extrato .transacao {text-align: right}



    .multipay .conta-digital, .multipay .carteira-digital, .multipay .extrato, .multipay .assinaturas-recorrentes {margin-bottom:60px; border-radius: 0;box-shadow:none;padding: 0;border:0}

    .multipay .conta-digital .anchor, .multipay .carteira-digital .anchor, .multipay .extrato .anchor {font-size:2rem}



    .lista-cartoes {width: 100%;overflow-x: auto;white-space: nowrap;}

    .lista-cartoes-inner {width: 2700px;}

    .cartao-item {width:345px;float:left; margin-right: 20px}

    .lista-cartoes .cartao {background-size: auto 103%;}





    .pg-premios .fidelidade, .pg-premios .meus-premios, .pg-premios .extrato {margin-bottom:60px; border-radius: 0;box-shadow:none;padding: 0;border:0}



    .empresa-info-tipo {display: none;}



    .pg-vitrine .menu .nav-item.dropdown {display: none;}

    .pg-vitrine .menulinks  {padding-left:0}

    html .pg-vitrine .menulinks::-webkit-scrollbar-thumb {background: #fff;background-color: #fff;  }

    .vitrine-modal .modal {--bs-modal-width: 100% !important; margin-left:0;}

    .modal-dialog-scrollable .modal-content {border-radius: 0; min-height: 100vh}

    .vitrine-modal .modal-dialog {width: 100%; margin: 0; height: 100vh;}



    .input-buscar input {min-width: auto; }

    .header-categorias .btn {padding: 5px 10px}

    .header-categorias {gap:5px}



    .landingpage-nps .checkbox {gap:5px}

    .landingpage-nps .poweredby {display: block; text-align: center;}

    .landingpage-nps .poweredby span {display: block;margin-top:5px;}



    .pg-premios-catalogo-header .input-buscar input {max-width: 222px;}

    .pg-premios-catalogo-header .form-select {max-width: none;width: auto;}



    .pg-parceiros .lista-empresas-cat {gap: 35px;}

    .pg-parceiros .lista-empresas-cat i {font-size: 21px;}

    .pg-parceiros .lista-empresas-cat .btn {padding-left: 0; padding-right: 0;}



    .campanha-jornada .box1 {font-size: 20px}

    .campanha-jornada .box1 b {font-size: 23px; line-height: 20px;}



    .header-login .slider-ctas-inner .item {min-width: 270px;}

    .header-login .slider-ctas-inner {gap: 10px; width: 100%; max-width: 100%; overflow: scroll;}

    .container-slider-ctas {padding:0; margin: 0; max-width: 100%; padding-left: 30px;}



    .header-login .slider-ctas-inner .item:hover {background-color: transparent; padding-left: 0; }

    .header-login {height: 60px;margin-bottom: -60px; }

    .header-login .slider-ctas-inner .item {font-size: 13px; line-height: 17px}





    .pg-empresa-vitrine-footer {padding: 4rem 0;}

    .pg-empresa-vitrine-footer .inner {flex-direction: column; justify-content: center; gap: 30px;}



    .mapa-unidade, .foto-unidade {height: 250px;}



    .tabela-indicados {margin-top: 15px;}

    .tabela-indicados .info.titulo {display: none;}

    .tabela-indicados .legenda-m {display: inline-block;color: var(--cor-cinza-600);font-size: 15px; font-weight: 700; margin-right: 5px;}

    .tabela-indicados .info {flex-direction: column; gap: 10px; padding: 30px 0;}

    .pg-clube .bloco3 .check {font-size: 17px;}

    .pg-clube .bloco3 .indicados {padding-left: 20px;; padding-right: 20px;}

    .pg-clube .bloco3 .link {border-radius: 12px; padding: 40px 30px;}

    .pg-clube .bloco3 .indicados {margin-top: 60px;}

    .pg-clube .bloco2 .info-itens {gap: 12px; margin-top: 30px;}

    .pg-clube .bloco2 {padding: 50px 0 50px 0;}

    



    .pg-contadigital .title-destaque-display-m {display:block}

    .pg-contadigital .title-destaque-display-d {display:none}

    .pg-contadigital .title-destaque-contadigital {margin:0; position: relative;}

    .pg-contadigital .p-destaque-contadigital {text-align: center; font-size: 1rem; margin-top:1.5rem; margin: 1.875rem}

    .pg-contadigital .title-destaque-contadigital h1 {margin:0; position: absolute; bottom:1.25rem; left:1.875rem; text-align: left; font-size: 25px;background-color: #fff;border-radius: 999px;color: var(--cor-cinza-900);padding: 8px 20px;}

    .pg-contadigital .bloco4 {background: #fff;}

    .pg-contadigital .bloco4 .vantagens .item {padding: 30px;}

    .pg-contadigital .bloco4 .vantagens .seguranca {margin: 20px 0; }

    .pg-contadigital .bloco3 .info-blocos {flex-direction: column;}

    .pg-contadigital .bloco3 .info-itens {margin-top: 0;}

    .pg-contadigital .bloco3 .btn {margin-top: 0px;}



    .pg-ganhecristais .comoganhar-tab .inner {flex-direction: column-reverse; gap: 15px; padding: 30px 25px; padding-bottom: 0; text-align: center;}



    .pg-ganhecristais .title-destaque-display-m {display:block}

    .pg-ganhecristais .title-destaque-display-d {display:none}

    .pg-ganhecristais .title-destaque-display-m {display:block}

    .pg-ganhecristais .title-destaque-display-d {display:none}

    .pg-ganhecristais .title-destaque-ganhecristais {margin:0; position: relative;}

    .pg-ganhecristais .p-destaque-ganhecristais {text-align: center; font-size: 1rem; margin-top:1.5rem; margin: 1.875rem}

    .pg-ganhecristais .title-destaque-ganhecristais h1 {margin:0; position: absolute; bottom:1.25rem; left:1.875rem; text-align: left; font-size: 25px;background-color: var(--cor-cinza-900);border-radius: 999px;color: #fff;padding: 8px 20px;}





    .pg-troquepremios .title-destaque-display-m {display:block}

    .pg-troquepremios .title-destaque-display-d {display:none}

    .pg-troquepremios .title-destaque-display-m {display:block}

    .pg-troquepremios .title-destaque-display-d {display:none}

    .pg-troquepremios .title-destaque-troquepremios {margin:0; position: relative;}

    .pg-troquepremios .p-destaque-troquepremios {text-align: center; font-size: 1rem; margin-top:1.5rem; margin: 1.875rem}

    .pg-troquepremios .title-destaque-troquepremios h1 {margin:0; position: absolute; bottom:1.25rem; left:1.875rem; text-align: left; font-size: 25px;background-color: var(--cor-cinza-900);border-radius: 999px;color: #fff;padding: 8px 20px;}



    .pg-troquepremios .comotrocar-tab .inner {flex-direction: column-reverse; gap: 15px; padding: 30px 25px; padding-bottom: 0; text-align: center;}



    .pg-novomulti .title-destaque-display-m {display:block}

    .pg-novomulti .title-destaque-display-d {display:none}

    .pg-novomulti .title-destaque-novomulti {margin:0; position: relative;}

    .pg-novomulti .title-destaque-novomulti {height: calc(100vh - 4.3rem); height: 700px; }

    .pg-novomulti .title-destaque-novomulti h1 {border-radius: 30px;font-size: 25px;width: fit-content;   padding: 15px 50px;position: absolute;width:90%;margin: 0 auto;bottom:1.5rem;left: 0;right: 0;text-align: center;}

    .pg-novomulti .p-destaque-novomulti {text-align: center; margin-top:1.5rem; margin: 1.875rem;}

    .pg-novomulti .boxbaixe {font-size: 1rem; margin: 0; border-bottom: 1px solid var(--cor-cinza-400); padding-bottom: 50px;}

    .pg-novomulti .baixe .loja {border: 1px solid var(--cor-cinza-900);color: var(--cor-cinza-900);font-size: 1rem;}

    .pg-novomulti .bloco2 .descubra {font-size: 23px;}

    .pg-novomulti .checkitens .item {font-size: 1rem;}

    .pg-novomulti .title-destaque-novomulti .img {height: 100%; width: auto; max-width:100% !important; margin-right: auto; display: block;}



    .empresa-info-nfc .btn { width: 100%; margin-left: 15px; margin-top: 20px;}

    .pg-produto-container {padding: 0; margin: 0; max-width: 100%;}

    .pg-produto .produto-info {padding-left:20px; padding-right: 20px;}



    .pg-perfil .notificacao-item .logo {max-width: 80px; width: 80px; min-width: 80px; box-shadow: 0 0 10px rgb(0 0 0 / 0.2);}







    .assinaturas-recorrentes-footer {display: block; padding: 0 20px}

    .assinaturas-recorrentes-navbar .conteudo .banner-chamada {display: none;}

    .assinaturas-recorrentes-navbar .conteudo .login {width: 100%; justify-content: space-between;}

    .assinaturas-recorrentes-footer .conteudo {justify-content: center;}





    .pg-sac-form .form-floating {margin: 0 !important}

    .pg-sac-form h5 {margin-bottom: 20px;}

    .pg-sac-form small {margin-bottom: 15px;}

  }













@media (max-width: 575px) /* 414px */ {

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x: 2.5rem;}

    body, p, .btn {font-size:0.9rem}

    h1 {font-size:1.5rem}

    h2 {font-size:1.1rem}

    h3 {font-size:1rem}



    .carousel-inicio .carousel-caption {

      top: 30px;

      left: 30px;

      right: 30px;

    }



    .carousel-inicio-login .carousel-caption {top: 80px;}



    .carousel-inicio .carousel-caption h1 {

      font-size: 41px;

    }

    .carousel-inicio .carousel-caption p {

      font-size: 20px; 

    }

    .carousel-inicio .btn-carousel {margin-top: 5px;}



    .navtop .navbar-toggler {right: 1.56rem}

    .navtop .navbar-brand {left: 1.56rem}



    .numeros .col-left,  .numeros .col-right {margin-bottom:1.25rem}

    .numeros h1 {margin-bottom:2rem}

    .numeros {margin: 4rem 0;}

    .numeros-btn {margin-top: 0}



    .banner-sac {align-items: end; height:20rem; padding-bottom:0.9rem}

    .banner-sac .btn {margin: 0.313rem 0 !important;width: 11.25rem;}



    .footer .social-icon {margin-right: 0.313rem;margin-left: 0.313rem;}

    .footer h2 {font-size: 1rem;font-weight: 600;}

    .footer a {font-size: 0.813rem;font-weight: 400;letter-spacing: -0.5px;}

    .footer p, .footer h2 {line-height: 1.875rem;}

    .footer .frase p {font-size: 0.813rem;letter-spacing: -0.5px;font-weight: 400; line-height:normal}

    .footer .frase span {white-space: nowrap}



    .pg-ganhecristais .comofunciona .info {padding-bottom: 1.438rem; height: 5.938rem; max-width:23.375rem; margin-left: auto; margin-right: auto}



    .pg-ganhecristais .comoganhar h2 {margin-top: 50px; font-size: 18px;}

    .pg-ganhecristais .comoganhar-tab {margin-top: 20px;}



    .pg-ganhecristais .empresas {margin-top: 3rem;}

    .pg-ganhecristais .empresas-btn {margin-top:1.5rem}



    .pg-troquepremios .comotrocar h2 {margin-top: 50px; font-size: 18px;}

    .pg-troquepremios .comotrocar-tab {margin-top: 20px;}





    .pg-sac .autoajuda.display-d {display:none}

    .pg-sac .autoajuda.display-m {display:block}



    .autoajuda-boxm {width: 100%;overflow-x: auto;white-space: nowrap;}

    .autoajuda-boxm-inner {width: 71.875rem}

    .autoajuda-item {width: 16.875rem; border: 1px solid var(--cor-cinza-300); border-radius:0.375rem; margin-bottom:0.938rem; padding:0.938rem; float:left; margin-right:0.938rem; white-space:normal; min-height: 15rem; display: flex; flex-direction: column!important; }

    .pg-sac .autoajuda .btn {width: 100%; max-width: 100%; margin:0; margin-top: auto!important;}

    .pg-sac .autoajuda h4 {font-size:1.2rem; margin-bottom: 1rem}

    .autoajuda-title {margin-bottom:1.25rem !important}



    .collapsePay .info .nome {font-size:16px}

    .collapsePay .info .valor .form-control {max-width: 90%; height: 44px; font-size: 16px; padding-left: 37px;}

    .collapsePay .info .valor .rs {font-size: 16px;height: 44px;line-height: 44px;margin-bottom: -44px;padding-left: 10px;}

    .collapsePay .cpf .form-control {height: 44px;font-size: 14px }

    .collapsePay .cpf {width: 262px; padding: 22px 20px;}

    .collapsePay .cpf .btn {font-size: 13px;}



    .lista-unidades-item-logo {padding:10px; height: 100px;}



    .lista-unidades-item-chevron {margin-right: 10px;font-size: 15px;}

    .lista-unidades-item-nome {font-size: 15px;}

    .empresa-info-tipo {padding: 11px 0;}



    .lista-cartoes .cartao {background-size: auto 103%;}



    .pg-perfil .nav-link {padding: 11px 15px 8px 15px; font-size: 16px;}

    .pg-perfil .offcanvas .offcanvas-body {padding: 15px 30px 15px 30px;}

    .pg-perfil .input-codigos .form-control {height: 41px;}

    .pg-perfil  .notificacao-info {padding: 25px 0 50px 0;}



    .landingpage-nps h1 {font-size:25px}

    .landingpage-nps h1 span {white-space: nowrap;}





    .pg-promo-single h1 {font-size: 19px;}

    .pg-promo-single {padding-top: 50px;padding-bottom: 53px;}

    .pg-promo-single img {margin-top: 45px}



    .header-categorias {overflow-x: auto;}





    .premio-dados h4 {font-size: 16px;}

    .premio-dados .valor {padding-top: 25px; padding-bottom: 25px;}

    .premio-dados .validade {padding-top: 25px; padding-bottom: 25px;}

    .premio-dados {margin-bottom: 70px;}



    .landingpage-nps .checkbox .btn-secondary {height: 40px; line-height: 40px;}



    .pg-premios-catalogo-header {flex-direction: column; align-items: start; gap: 15px}

    .pg-premios-catalogo-header .form-select {max-width: 100%;width: 100%;}

    .pg-premios-catalogo-header .input-buscar input {max-width: 100%;width: 100%;}

    .pg-premios-catalogo-header .input-buscar {width: 100%;}



    .steps .step .step-title {margin-top: 10px;font-size: 12px;font-weight: 600;}

    .steps .step .step-icon {width: 30px;height: 30px;line-height: 27px;font-size: 13px;}

    .steps .step .step-icon-wrap {height: 30px;}



    .pg-regulamento {margin-top: 50px;}



    .list-products .single-product .part-2 .product-title {min-height: 70px; font-size: 13px; line-height: 17px; }

    .list-products .single-product .part-2 .product-old-price {font-size: 13px; font-weight: 500;}

    .list-products .single-product .part-2 .product-price  {font-size: 13px; font-weight: 600;}

    .list-products .single-product .part-2 {padding: 15px 10px 10px 10px;}

    .list-products .single-product .part-2 .product-old-price {margin-bottom: 0;}

    .list-products .single-product .part-2 .product-price {margin-bottom: 0;}

    .list-products .single-product .part-1 .discount {font-size: 11px;}

    .pg-empresa-vitrine h1 {font-size: 23px; margin-bottom: 15px !important;}

    .list-products .row {--bs-gutter-x: 0.5rem;}

    .list-products-section {margin-bottom: 30px;}







    .pg-empresa-vitrine .list-products {margin-top: 40px;}

    .pg-empresa-vitrine .input-buscar .btn {padding-left:15px; padding-right: 15px;}

    .pg-empresa-vitrine .filtro-busca .dropdown .btn {padding-left:14px; padding-right: 14px;}

    .pg-empresa-vitrine .filtro-busca .dropdown span {display: none;}

    .pg-empresa-vitrine .filtro-busca .dropdown i {display: inline; font-size: 22px;}

    .pg-empresa-vitrine .dropdown-toggle::after {display: none}



    .pg-empresa-vitrine .filtro-busca .input-buscar .btn {display: none;}

    .pg-empresa-vitrine .empresa-info-cta {background-color: #fff; position: fixed; z-index:1054; bottom:0; width: 100%; margin: 0; padding:11px 0; border-top: 1px solid var(--cor-cinza-300);}

    .pg-empresa-vitrine-menu-top {height: 88px;display: block;}

    .pg-empresa-vitrine .empresa-info-cta .btn-secondary {padding:0; border:0; box-shadow: none;  }



    .campanha-jornada .box4 .logos, .campanha-jornada .box4 .categorias {gap:10px}

    .campanha-jornada .box4 .logo, .campanha-jornada .box4 .categoria {max-width: 110px; }

    .campanha-jornada .box4 .categoria {padding: 36px;}



    .campanha-jornada .box4 h2 {font-size: 21px;}

    .campanha-jornada .box4 {padding:0}



    .campanha-jornada .box4 .item-inicio {padding: 0 50px}

    .campanha-jornada h2 {margin-top: 24px;}

    .campanha-jornada .box2 .premios {padding:0 20px}

    .campanha-jornada .box2 .premios p {margin-top: 16px;}



    .campanha-jornada h2 {font-size: 36px;}

    .campanha-jornada {margin: 70px 0;}

    .campanha-jornada h3 {font-size: 25px; }

    .campanha-jornada .box1 {margin-top: 50px;font-size: 17px;}

    .campanha-jornada .box {padding: 30px 20px;}



    .campanha-jornada .box2 h2 {font-size: 25px;margin: 0 0 20px 0;}

    .campanha-jornada .box5 {font-size: 16px; margin-top: -30px;}



    .campanha-jornada .box1 {flex-direction: column; align-items: center; justify-content: center; text-align: center;}



    .campanha-jornada .box1 b {font-size: 20px; line-height: 17px;}



    .pg-clube .bloco1 h1 {margin-top: 30px;}

    .pg-clube .bloco1 .img {padding:0 30px }



    .pg-clube .bloco3 {padding-top: 60px;}

    .pg-clube .bloco4 .img {padding:0 30px }

    .pg-clube .bloco4 h1 {font-size: 26px;}

    .pg-clube .bloco4 h2 {font-size: 18px;}

    .pg-clube .bloco4 .btn {font-size: 16px;padding: 10px 20px;}

    .pg-clube .bloco4 {padding: 60px 0; margin-top: 60px;}

    .pg-clube .bloco2 .info-itens .item {padding: 20px;}

    .pg-clube .bloco3 .link {padding: 20px;}



    .pg-clube .bloco6 h1 {margin-bottom: 20px;}

    .pg-clube .bloco6 {margin: 70px 0;}



    .pg-clube .bloco6 .premios {flex-wrap:nowrap;width: 100%;overflow: scroll;padding-bottom: 15px; align-items: start;justify-content: start;}

    .pg-clube .bloco6 .premios a {min-width: 230px;width: 230px;}



    .pg-contadigital .bloco4 .vantagens .item h2 {font-size: 20px;}

    .pg-contadigital .bloco4 {padding-top: 70px;}

    .pg-contadigital .bloco5 .img {max-width: 90%;}

    .pg-contadigital .bloco5 h2 {font-size: 20px;}

    .pg-contadigital .bloco6 .btn h3 {font-size: 19px;margin: 10px 20px;}



    .pg-ganhecristais .title-destaque-ganhecristais h1 {left: 20px; right: 20px }

    .pg-ganhecristais .title-destaque-ganhecristais h1 {font-size: 20px;}



    

    .pg-troquepremios .title-destaque-troquepremios h1 {left: 20px; right: 20px }

    .pg-troquepremios .title-destaque-troquepremios h1 {font-size: 20px;}



    .pg-troquepremios .comotrocar {padding-top: 60px; padding-bottom: 80px;}



    .pg-troquepremios .catalogo {margin-top: 40px; }

    .pg-troquepremios .catalogo-nav .nav-link .img-categoria {max-width: 25px;margin-bottom: 10px;}







    .pg-novomulti .title-destaque-novomulti {margin:0; position: relative;}

    .pg-novomulti .title-destaque-novomulti {height: 700px; height: calc(100vh - 4.3rem);  }

    .pg-novomulti .title-destaque-novomulti h1 {font-size: 25px;width: fit-content;   padding: 15px 50px;position: absolute;width:90%;margin: 0 auto;bottom:1.5rem;left: 0;right: 0;text-align: center;}

    .pg-novomulti .p-destaque-novomulti {text-align: center; margin-top:1.5rem; margin: 1.875rem;}

    .pg-novomulti .boxbaixe {font-size: 1rem; margin: 0; border-bottom: 1px solid var(--cor-cinza-400); padding-bottom: 50px;}

    .pg-novomulti .baixe .loja {border: 1px solid var(--cor-cinza-900);color: var(--cor-cinza-900);font-size: 1rem;}

    .pg-novomulti .bloco2 .descubra {font-size: 23px;}

    .pg-novomulti .checkitens .item {font-size: 1rem;}

    .pg-novomulti .title-destaque-novomulti .img {height: auto; width: 115%; max-width:115% !important; min-width: 115%; margin: 0 auto; display: block;}



    .pg-novomulti .title-destaque-novomulti h1 {padding: 24px 20px; font-size: 21px;}





    .pg-novomulti .checkitens-w, .pg-novomulti .checkitens {flex-direction: column;}

    .pg-novomulti .bloco7 .baixebox {border-radius: 0; padding: 30px 0; background: none;}



    .pg-novomulti .bloco7 .baixe .loja, .pg-novomulti .bloco7 .baixe .loja:hover {border: 1px solid #fff;color: #fff;}

    .pg-novomulti .bloco7 h2 {color: #fff;}



    .pg-produto .produto-container .thumb-img {width: 70px;}

    .pg-produto .produto-container .carousel-thumbnails {margin-top: 20px;}

    .pg-produto .produto-container .produto-info {margin-top: 0px;}

    .pg-produto .produto-container .produto-info h4 {font-size: 18px;}





    .pg-sac-form .btn-enviar {width: 100%;;}

   







}





@media (max-width: 413px) /* 375px e abaixo */ {



    .codigo-campos .form-control {width: 35px;padding-left: 0 !important;padding-right: 0 !important;}

    h1 {font-size:1.5rem}



    .pg-ganhecristais .comofunciona .info {height: 5.313rem; max-width:20.938rem;}



    .info-outrasunidades .ic-local {height: 25px;width: 25px;margin-right: 5px;}

    .info-outrasunidades h3 {font-size: 17px;}

    .info-unidade-instagram {margin-top: 0;}



    .pg-perfil .nav-link {letter-spacing: -0.5px; padding: 10px 10px 8px 10px;}



    .campanha-jornada .box4 .logo, .campanha-jornada .box4 .categoria {max-width: 105px;}

    .mapa-unidade, .foto-unidade {height: 200px;}



    .pg-clube .title-destaque-clube h1 {font-size: 19px;}

    .pg-clube .p-destaque-clube {font-size: 14px;}



    .pg-contadigital .bloco2 .info .item {text-align: left;}

    .pg-contadigital .bloco1 .img {max-width: 90%;}

    .pg-contadigital .bloco1 h1{margin-bottom: 0;}

    .pg-contadigital .bloco2 h1 {margin-bottom: 15px;}

    .pg-contadigital .bloco3 {padding: 50px 0;}

    .pg-contadigital .bloco2 {padding-bottom: 60px;}

    .pg-contadigital .bloco4 h1 {margin-bottom: 30px;}

    .pg-contadigital .bloco4 .vantagens .item {border-radius: 20px;}

    .pg-contadigital .bloco4 .vantagens .seguranca {margin: 10px 0;}

    .pg-contadigital .bloco5 {padding: 50px 0;margin-top: 60px;}

    .pg-contadigital .bloco6 {margin: 50px 0; }



    .pg-ganhecristais .title-destaque-ganhecristais h1 {font-size: 19px; text-align: center; padding: 10px 30px; }

    .pg-troquepremios .title-destaque-troquepremios h1 {font-size: 19px; padding: 10px 30px; text-align: center;}



    .pg-novomulti .title-destaque-novomulti .img {width: 120%; min-width: 115%}





}