/*  Theme Name: Bianca
 *  text-domain: bianca */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #fff;
  transition: all 300ms ease;
}

body {
  background: #292929;
}

h1 {
  font-size: 56px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
@media (min-width: 320px) and (max-width: 640px) {
  h1 {
    font-size: 48px;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  h1 {
    font-size: 48px;
  }
}

.h1 {
  font-size: 56px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
@media (min-width: 320px) and (max-width: 640px) {
  .h1 {
    font-size: 48px;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  .h1 {
    font-size: 48px;
  }
}

h2 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
@media (min-width: 320px) and (max-width: 640px) {
  h2 {
    font-size: 36px;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  h2 {
    font-size: 36px;
  }
}

.h2 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
@media (min-width: 320px) and (max-width: 640px) {
  .h2 {
    font-size: 36px;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  .h2 {
    font-size: 36px;
  }
}

h3 {
  font-size: 36px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

.h3 {
  font-size: 36px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

h4 {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

.h4 {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

h5 {
  font-size: 27px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

.h5 {
  font-size: 27px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

h6 {
  font-size: 25px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
@media (min-width: 320px) and (max-width: 640px) {
  h6 {
    font-size: 17px;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  h6 {
    font-size: 17px;
  }
}

.h6 {
  font-size: 25px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
@media (min-width: 320px) and (max-width: 640px) {
  .h6 {
    font-size: 17px;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  .h6 {
    font-size: 17px;
  }
}

ul li {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  margin: 8px 8px 8px 24px;
}

ol li {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  margin: 8px 8px 8px 24px;
}

p {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
}

span {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  font-weight: inherit !important;
}

.text {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
}

.text-big {
  font-size: 18px;
  line-height: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 24px;
  font-style: normal;
}

.text-micro {
  font-size: 13px !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 22px;
  font-style: normal;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

strong {
  font-size: inherit;
  font-weight: 700;
}

.font-weight-900 {
  font-weight: 900;
}

.wrapper {
  width: 1194px;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 640px) {
  .wrapper {
    width: 95%;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  .wrapper {
    width: 90%;
  }
}

header {
  width: 100%;
}
header .foto-capa {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  height: 300px;
}

#intro {
  background: #292929;
  margin-top: -72px;
  border-radius: 45px 45px 0 0;
}
#intro .foto-perfil {
  margin: 0 auto;
  width: 148px;
  height: 148px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
#intro .foto-perfil img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  margin-top: -150px;
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
}
#intro .overlay-foto-expandida {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(41, 41, 41, 0.1);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#intro .overlay-foto-expandida img {
  width: 374px;
  height: 374px;
  border-radius: 50%;
}
@media (min-width: 320px) and (max-width: 640px) {
  #intro .overlay-foto-expandida img {
    width: 280px;
    height: 280px;
  }
}
#intro .titulo {
  color: #57ACFF;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-top: -50px;
  line-height: normal;
}
#intro p {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  margin: 0 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

body:has(.overlay-foto-expandida.flex) {
  overflow: hidden;
}
body:has(.overlay-foto-expandida.flex) #menu-footer {
  display: none;
}
body:has(.overlay-foto-expandida.flex.display-none) {
  overflow: initial;
}

.area-cta-finalizar-pagamento {
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(41, 41, 41, 0) 0%, #292929 40%);
  position: fixed;
}

.foto-expandida {
  position: absolute;
  inset: 0;
  margin: auto;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.foto-expandida.slide-out-left {
  animation: slideOutLeft 0.4s forwards;
}
.foto-expandida.slide-in-right {
  animation: slideInRight 0.4s forwards;
}
.foto-expandida.slide-out-right {
  animation: slideOutRight 0.4s forwards;
}
.foto-expandida.slide-in-left {
  animation: slideInLeft 0.4s forwards;
}

@keyframes slideOutLeft {
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideOutRight {
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
#galeria {
  margin-top: 48px;
  margin-bottom: 96px;
}
#galeria .cabecalho.fixo {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 260px;
}
#galeria .antes, #galeria .depois {
  display: none;
}
#galeria:has(.cabecalho-aba.fixo) .antes {
  display: flex;
  width: 40px;
  height: 40px;
  background: #292929;
  z-index: 1;
  position: fixed;
  left: 0;
  top: 0;
}
#galeria:has(.cabecalho-aba.fixo) .depois {
  display: flex;
  width: 40px;
  height: 40px;
  background: #292929;
  z-index: 1;
  position: fixed;
  right: 0;
  top: 0;
}
#galeria .cabecalho-aba {
  width: 100%;
  border-radius: 45px 45px 0 0;
  padding: 6px;
}
#galeria .cabecalho-aba.fixo {
  position: sticky;
  top: 0;
  z-index: 2;
}
#galeria .degrade-cabecalho {
  position: relative;
  height: 200px;
  z-index: 0;
  width: 100%;
  margin-bottom: -200px;
  margin-top: -1px;
}
#galeria .degrade-cabecalho.fixo {
  position: sticky;
  z-index: 0;
  top: 47px;
}
#galeria .rodape-antes, #galeria .rodape-depois {
  display: none;
}
#galeria:has(.rodape-aba.fixo) .rodape-antes {
  display: flex;
  width: 40px;
  height: 40px;
  background: #292929;
  z-index: 1;
  position: fixed;
  right: 0;
  bottom: 57px;
}
#galeria:has(.rodape-aba.fixo) .rodape-depois {
  display: flex;
  width: 40px;
  height: 40px;
  background: #292929;
  z-index: 1;
  position: fixed;
  left: 0;
  bottom: 57px;
}
#galeria .rodape-aba {
  width: 100%;
  border-radius: 0 0 45px 45px;
  height: 63px;
  margin-bottom: 48px;
  display: flex;
  margin-top: -1px;
  align-items: flex-end;
  justify-content: center;
}
#galeria .rodape-aba.fixo {
  width: 100%;
  left: 0;
  right: 0;
  bottom: 60px;
  position: sticky;
  z-index: 2;
}
#galeria .degrade-rodape {
  height: 200px;
  z-index: 0;
  margin-top: -260px;
  width: 100%;
  left: 0;
  right: 0;
}
#galeria .degrade-rodape.fixo {
  width: 100%;
  left: 0;
  right: 0;
  bottom: 97px;
  margin-top: 0;
  position: sticky;
  z-index: 0;
}
#galeria .galeria, #galeria .galeria-gratis {
  display: flex;
  gap: 3px;
  overflow-y: hidden;
  max-width: 640px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 12px auto;
  position: relative;
  margin-bottom: 67px;
}
#galeria .galeria .foto, #galeria .galeria-gratis .foto {
  border-radius: 15px;
  background-size: cover;
  background-position: center;
  width: 32%;
  height: 185px;
  position: relative;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
}
#galeria .galeria .foto .cadeado, #galeria .galeria-gratis .foto .cadeado {
  width: 18px;
}
#galeria .galeria .foto .cadeado img, #galeria .galeria-gratis .foto .cadeado img {
  width: 100%;
  height: auto;
}
#galeria .galeria .overlay, #galeria .galeria-gratis .overlay {
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  margin: 0;
  z-index: 10;
  display: none;
}
#galeria .galeria .overlay.ativo, #galeria .galeria-gratis .overlay.ativo {
  display: flex;
}
#galeria .galeria .overlay .foto-expandida, #galeria .galeria-gratis .overlay .foto-expandida {
  z-index: 11;
  position: fixed;
  left: 0;
  right: 0;
  width: 90%;
  margin: 24px auto;
  border-radius: 45px;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 500px;
  padding-bottom: 180px;
}
#galeria .galeria .overlay .foto-expandida .anterior, #galeria .galeria-gratis .overlay .foto-expandida .anterior {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  border-radius: 50%;
  left: 20px;
}
#galeria .galeria .overlay .foto-expandida .anterior img, #galeria .galeria-gratis .overlay .foto-expandida .anterior img {
  width: 100%;
  height: auto;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
#galeria .galeria .overlay .foto-expandida .proxima, #galeria .galeria-gratis .overlay .foto-expandida .proxima {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  border-radius: 50%;
  right: 20px;
}
#galeria .galeria .overlay .foto-expandida .proxima img, #galeria .galeria-gratis .overlay .foto-expandida .proxima img {
  width: 100%;
  height: auto;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
#galeria .galeria .overlay .foto-expandida .fechar, #galeria .galeria-gratis .overlay .foto-expandida .fechar {
  position: absolute;
  top: 90px;
  width: 32px;
  border-radius: 50%;
  right: 20px;
}
#galeria .galeria .overlay .foto-expandida .fechar img, #galeria .galeria-gratis .overlay .foto-expandida .fechar img {
  width: 100%;
  height: auto;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
@media (min-width: 320px) and (max-width: 640px) {
  #galeria .galeria .overlay .foto-expandida, #galeria .galeria-gratis .overlay .foto-expandida {
    padding-bottom: 140px;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  #galeria .galeria .overlay .foto-expandida, #galeria .galeria-gratis .overlay .foto-expandida {
    padding-bottom: 140px;
  }
}
#galeria .galeria .overlay .foto-expandida .overlay-cadeado, #galeria .galeria-gratis .overlay .foto-expandida .overlay-cadeado {
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}
#galeria .galeria .overlay .foto-expandida .cadeado, #galeria .galeria-gratis .overlay .foto-expandida .cadeado {
  position: absolute;
  z-index: 15;
  left: 50%;
  top: 50%;
  margin-top: -14px;
  width: 28px;
  width: 28px;
  margin-left: -14px;
}
#galeria .galeria .overlay .foto-expandida .cadeado img, #galeria .galeria-gratis .overlay .foto-expandida .cadeado img {
  width: 100%;
  height: auto;
}
#galeria .galeria .overlay .foto-expandida header, #galeria .galeria-gratis .overlay .foto-expandida header {
  background: #292929;
  display: flex;
  padding: 15px 30px;
  align-items: center;
  gap: 10px;
  z-index: 11;
  width: 100%;
  border-radius: 45px 45px 0 0;
  max-width: 600px;
  justify-content: space-between;
}
#galeria .galeria .overlay .foto-expandida header h4, #galeria .galeria-gratis .overlay .foto-expandida header h4 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  color: #fff;
  font-weight: 700;
}
#galeria .galeria .overlay .foto-expandida header .avatar, #galeria .galeria-gratis .overlay .foto-expandida header .avatar {
  width: 43px;
  display: flex;
}
#galeria .galeria .overlay .foto-expandida header .avatar img, #galeria .galeria-gratis .overlay .foto-expandida header .avatar img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra {
  display: flex;
  align-items: center;
  gap: 16px;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra a, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra a {
  text-decoration: none;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra .botao-de-comprar, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra .botao-de-comprar {
  background: #57ACFF;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra .botao-de-comprar img, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra .botao-de-comprar img {
  width: 23px;
  height: auto;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra .botao-de-acessar, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra .botao-de-acessar {
  background: #57ACFF;
  color: #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  display: flex;
  padding: 10px 18px;
  border-radius: 25px;
  gap: 16px;
  align-items: center;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra .botao-de-acessar img, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra .botao-de-acessar img {
  width: 13px;
  height: auto;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra .botao-de-assinar, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra .botao-de-assinar {
  background: #57ACFF;
  color: #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  display: flex;
  padding: 10px 18px;
  border-radius: 25px;
  gap: 16px;
  align-items: center;
}
#galeria .galeria .overlay .foto-expandida header .botoes-compra .botao-de-assinar img, #galeria .galeria-gratis .overlay .foto-expandida header .botoes-compra .botao-de-assinar img {
  width: 23px;
  height: auto;
}
#galeria .galeria .overlay .foto-expandida footer, #galeria .galeria-gratis .overlay .foto-expandida footer {
  background: #292929;
  display: flex;
  padding: 15px 30px;
  align-items: center;
  gap: 10px;
  z-index: 11;
  width: 100%;
  max-width: 600px;
  border-radius: 0px 0px 45px 45px;
  margin-top: -4px;
}
#galeria .galeria .overlay .foto-expandida footer h4, #galeria .galeria-gratis .overlay .foto-expandida footer h4 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  color: #fff;
  font-weight: 500;
}
#galeria .galeria .overlay .foto-expandida img, #galeria .galeria-gratis .overlay .foto-expandida img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#galeria .galeria .overlay .foto-expandida .nivel, #galeria .galeria-gratis .overlay .foto-expandida .nivel {
  display: flex;
  width: auto;
  padding: 7px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  right: 22px;
  bottom: 139px;
  border-radius: 999px;
  opacity: 0;
  box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  z-index: 12;
}
#galeria .info {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#galeria .galeria-gratis {
  margin-bottom: 0;
}

.assinar-via-galeria {
  width: 100%;
  height: 45px;
}

.foto-compra {
  position: fixed;
  top: 12px;
  left: 12px;
  right: 12px;
  width: auto;
  z-index: 5;
}
.foto-compra .foto {
  display: flex;
  background: #292929;
  border-radius: 25px;
}
.foto-compra .foto .thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: auto;
  border-radius: 25px;
}
.foto-compra .info {
  padding: 12px;
}

.carrinho {
  width: auto;
  transition: background-image 1s ease-in-out;
}
.carrinho .foto, .carrinho .assinatura-preview {
  display: flex;
  background: #292929;
  border-radius: 25px;
}
.carrinho .foto .thumb, .carrinho .assinatura-preview .thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: auto;
  border-radius: 25px;
}
.carrinho .info {
  padding: 12px;
}

.sanduiche {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

#menu-forma-pagamento {
  background: #292929;
  position: fixed;
  height: 500px;
  padding: 50px 38px 168px 38px;
  left: 0;
  right: 0;
  z-index: 25;
  bottom: 0;
  border-radius: 45px 45px 0 0;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.3), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: none;
  max-height: 60vh;
  overflow-y: auto;
}
#menu-forma-pagamento .fechar {
  position: absolute;
  top: 15px;
  width: 32px;
  border-radius: 50%;
  right: 15px;
}
#menu-forma-pagamento .fechar img {
  width: 100%;
  height: auto;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
#menu-forma-pagamento.ativo {
  display: block;
}
#menu-forma-pagamento.ativo + .overlay {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 22;
  background: rgba(41, 41, 41, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
#menu-forma-pagamento .pix, #menu-forma-pagamento .cartao-credito {
  display: none;
}
#menu-forma-pagamento .pix.ativo, #menu-forma-pagamento .cartao-credito.ativo {
  background: #292929;
  position: fixed;
  z-index: 20;
  height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#menu-aberto {
  background: #292929;
  padding-bottom: 100px;
  position: fixed;
  height: auto;
  padding: 50px 38px 50px 38px;
  left: 0;
  right: 0;
  z-index: 5;
  bottom: 0;
  border-radius: 45px 45px 0 0;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.3), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: none;
}
#menu-aberto.ativo {
  display: block;
}
#menu-aberto .foto-perfil {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
#menu-aberto .foto-perfil img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
}
#menu-aberto h4 {
  color: #57ACFF;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}
#menu-aberto .pix, #menu-aberto .cartao-credito {
  display: none;
}
#menu-aberto .pix.ativo, #menu-aberto .cartao-credito.ativo {
  background: #292929;
  position: fixed;
  z-index: 20;
  height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#pix-copia-e-cola {
  word-break: break-all;
}

#modal-assinaturas, #page-assinaturas {
  padding-bottom: 120px;
}
#modal-assinaturas h6, #page-assinaturas h6 {
  margin-bottom: 48px;
}
#modal-assinaturas h4, #page-assinaturas h4 {
  font-size: 18px;
}
#modal-assinaturas .tabs, #page-assinaturas .tabs {
  border-radius: 30px 30px 0 0;
  background: #292929;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  border-radius: 45px;
}
#modal-assinaturas .tabs .inativo, #page-assinaturas .tabs .inativo {
  padding: 18px;
  flex: 1;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
#modal-assinaturas .tabs .inativo .tag-desconto, #page-assinaturas .tabs .inativo .tag-desconto {
  padding: 2px 12px !important;
  background: #57ACFF !important;
}
#modal-assinaturas .tabs .inativo .tag-desconto span strong, #page-assinaturas .tabs .inativo .tag-desconto span strong {
  color: #fff !important;
}
#modal-assinaturas .tabs .inativo h6, #page-assinaturas .tabs .inativo h6 {
  color: #57ACFF;
  margin: 0;
  padding: 0;
}
#modal-assinaturas .tabs .ativo, #page-assinaturas .tabs .ativo {
  padding: 18px;
  flex: 1;
  border-radius: 45px;
  background: #57ACFF;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
#modal-assinaturas .tabs .ativo .tag-desconto, #page-assinaturas .tabs .ativo .tag-desconto {
  padding: 2px 12px !important;
  background: #fff !important;
}
#modal-assinaturas .tabs .ativo .tag-desconto span strong, #page-assinaturas .tabs .ativo .tag-desconto span strong {
  color: #57ACFF !important;
}
#modal-assinaturas .tabs .ativo h6, #page-assinaturas .tabs .ativo h6 {
  color: #fff;
  margin: 0;
  padding: 0;
}
#modal-assinaturas .conteudo, #page-assinaturas .conteudo {
  display: block;
}
#modal-assinaturas .conteudo .plano, #page-assinaturas .conteudo .plano {
  display: flex;
  gap: 15px;
  display: flex;
  padding: 20px;
  align-items: center;
  align-self: stretch;
  border-radius: 30px;
  background: #292929;
}
#modal-assinaturas .conteudo .plano .descricao-categoria, #page-assinaturas .conteudo .plano .descricao-categoria {
  background: #57ACFF;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 24px;
  margin-bottom: 6px;
}
#modal-assinaturas .conteudo .plano:nth-child(1) .descricao-categoria, #page-assinaturas .conteudo .plano:nth-child(1) .descricao-categoria {
  background: #cf4c3f;
}
#modal-assinaturas .conteudo .plano:nth-child(2) .descricao-categoria, #page-assinaturas .conteudo .plano:nth-child(2) .descricao-categoria {
  background: #eb894c;
}
#modal-assinaturas .conteudo .plano:nth-child(3) .descricao-categoria, #page-assinaturas .conteudo .plano:nth-child(3) .descricao-categoria {
  background: #9b59b6;
}
#modal-assinaturas .conteudo .plano .descricao-categoria, #page-assinaturas .conteudo .plano .descricao-categoria {
  border-radius: 30px;
  background: #57ACFF;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 2px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}
#modal-assinaturas .conteudo .plano .titulo, #page-assinaturas .conteudo .plano .titulo {
  font-size: 18px;
  font-weight: 800;
}
#modal-assinaturas .conteudo .plano .preco, #page-assinaturas .conteudo .plano .preco {
  color: #57ACFF;
  font-size: 33px;
  font-weight: 800;
  white-space: nowrap;
}
#modal-assinaturas .conteudo .plano.selecionada, #page-assinaturas .conteudo .plano.selecionada {
  background: #57ACFF;
}
#modal-assinaturas .conteudo .plano.selecionada .preco, #page-assinaturas .conteudo .plano.selecionada .preco {
  color: #fff;
}
#modal-assinaturas .conteudo .plano.selecionada .descricao-categoria, #page-assinaturas .conteudo .plano.selecionada .descricao-categoria {
  background: #292929;
  color: #fff;
  border-radius: 30px;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 2px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}
#modal-assinaturas .conteudo .plano.plano-atual, #page-assinaturas .conteudo .plano.plano-atual {
  background: #57ACFF;
}
#modal-assinaturas .conteudo .plano.plano-atual .preco, #page-assinaturas .conteudo .plano.plano-atual .preco {
  color: #fff;
}
#modal-assinaturas .conteudo .plano.plano-atual .descricao-categoria, #page-assinaturas .conteudo .plano.plano-atual .descricao-categoria {
  background: #292929;
  color: #fff;
  border-radius: 30px;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 2px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}
#modal-assinaturas .area-botao, #page-assinaturas .area-botao {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

#page-assinaturas .plano {
  border-radius: 30px 30px 0 0 !important;
}
#page-assinaturas .footer-plano {
  border-radius: 0 0 30px 30px;
  padding: 10px 20px;
}

body:has(.overlay.ativo) {
  overflow: hidden;
}

body:has(#menu-forma-pagamento .ativo) {
  overflow: hidden;
}

.overlay-pagamento-geral {
  display: none;
}
.overlay-pagamento-geral.ativo {
  background: #292929;
  position: fixed;
  z-index: 20;
  height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
.overlay-pagamento-geral .imagem-cabecalho {
  width: 45px;
  height: 40px;
  margin: 48px auto 0 auto;
  display: block;
}
.overlay-pagamento-geral h6 {
  padding-top: 20px;
}
.overlay-pagamento-geral .botao-de-copiar {
  background: #292929;
  color: #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  display: flex;
  padding: 20px 25px;
  border-radius: 25px;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.overlay-pagamento-geral .botao-de-copiar img {
  width: 13px;
  height: auto;
}

body:has(#overlay-rsa.display-block) {
  overflow: hidden;
}

#overlay-rsa {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  background: #292929;
}
#overlay-rsa > img {
  width: 40px;
  height: auto;
  margin: 24px auto;
}

.fechar {
  position: absolute;
  right: 0;
  top: 24px;
}

body:has(.overlay.ativo) #menu-footer, body:has(.pagina-de-cadastro) #menu-footer {
  display: none;
}

#menu-footer {
  display: flex;
  height: 60px;
  width: 100%;
  padding: 14px 26px 0 26px;
  flex-direction: column;
  justify-content: center;
  border-radius: 15px 15px 0 0;
  align-items: flex-end;
  gap: 15px;
  z-index: 15;
  position: fixed;
  bottom: 0;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  background: #292929;
}
#menu-footer .footer-assinar {
  width: auto !important;
  background: #57ACFF;
  color: #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  font-size: 18px !important;
  display: flex;
  text-decoration: none;
  padding: 10px 18px;
  border-radius: 25px;
  gap: 16px;
  align-items: center;
  margin-bottom: 15px;
}
#menu-footer .footer-assinar img {
  width: 13px;
  height: auto;
}
#menu-footer .footer-login {
  width: auto !important;
  color: #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  font-size: 18px !important;
  text-decoration: none;
  align-items: center;
  background: radial-gradient(50.02% 45.74% at 50% 116.31%, #57ACFF 0%, #292929 100%);
  padding: 0 30px 15px 30px;
  margin-top: 7px;
}
#menu-footer .wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
#menu-footer a {
  width: 23px;
}
#menu-footer a img {
  width: 100%;
  height: auto;
}

#pagina-padrao {
  padding-bottom: 100px;
}

#minhas-fotos .fotos .foto {
  display: flex;
  margin-bottom: 17px;
  border-radius: 25px;
}
#minhas-fotos .fotos .foto .thumb {
  display: flex;
  width: 100px;
  flex-shrink: 0;
  min-height: 100px;
  height: auto;
  background-size: cover;
  background-position: center;
  border-radius: 25px;
}
#minhas-fotos .fotos .foto .info {
  padding: 12px;
}

article ul, article li, article h1, article h2, article h3, article h4, article h5, article h6, article img {
  margin: 40px 0 0 0;
}
article p {
  margin: 15px 0 0 0;
}
article h1, article h2, article h3, article h4, article h5, article h6 {
  color: #57ACFF;
}
article img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 30px;
}

input[type=checkbox] {
  width: 16px !important;
  height: 16px !important;
  margin-right: 6px;
}

.divisor {
  display: flex;
  justify-content: center;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition-delay: 9999s;
  -webkit-transition-property: background-color, colord-color 5000s ease-in-out 0s;
  transition-property: background-color, colord-color 5000s ease-in-out 0s;
}

#login-personalizado .fechar {
  position: absolute;
  right: 0;
  top: 24px;
}
#login-personalizado h6 {
  padding-top: 92px;
}

form .input {
  display: flex;
  padding: 20px 25px;
  align-items: center;
  gap: 10px;
  border: none;
  font-weight: 500;
  align-self: stretch;
  border-radius: 30px;
  background: #292929;
  width: 100%;
}
form .input.branco {
  background: #fff;
}
form .input.branco input {
  background: #fff;
  color: #292929;
  font-size: 20px;
}
form .input.gesso {
  background: #f2f2f2;
}
form .input.gesso input {
  background: #f2f2f2;
  color: #292929;
  font-size: 20px;
}
form .input img {
  width: 16px;
  height: auto;
}
form .input input {
  background: #292929;
  border: none !important;
  width: 100%;
}

textarea {
  padding: 20px 25px !important;
  border: none !important;
  border-radius: 30px;
  background: #292929 !important;
  width: 100%;
  min-height: 200px !important;
}

.negativo {
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15) inset, 10px 10px 20px 0px rgba(0, 0, 0, 0.3) inset;
  border: none;
}
.negativo.branco {
  box-shadow: -5px -5px 5px 0px #FFF inset, 5px 5px 15px 0px rgba(0, 0, 0, 0.3) inset;
}
.negativo.gesso {
  box-shadow: -5px -5px 5px 0px #FFF inset, 5px 5px 15px 0px rgba(0, 0, 0, 0.3) inset;
}

.positivo {
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  border: none;
}
.positivo i {
  color: #FFF;
  font-family: Montserrat;
  font-size: 15px !important;
  font-style: italic;
  font-weight: 300;
  line-height: normal;
}

.cta-primary {
  color: #fff;
  background: #237c3e;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
}
.cta-primary a {
  color: #fff;
  text-decoration: none;
}

.cta-primary-white {
  background: #fff;
  color: #237c3e;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
}
.cta-primary-white a {
  color: #237c3e;
  text-decoration: none;
}

.cta-secondary {
  color: #fff;
  border: 1px solid #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
}
.cta-secondary a {
  color: #fff;
  text-decoration: none;
}

.cta-secondary-text-black {
  color: #3f3f3f;
  border: 1px solid #3f3f3f;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  padding: 6px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
}
.cta-secondary-text-black:hover {
  color: #fff;
  background: #237c3e;
}
.cta-secondary-text-black:hover a {
  color: #fff;
}
.cta-secondary-text-black a {
  color: #3f3f3f;
  text-decoration: none;
}
.cta-secondary-text-black a:hover {
  color: #fff;
  background: #237c3e;
}

.cta-other {
  color: #3f3f3f;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 23px;
  font-style: normal;
  display: flex;
  justify-content: center;
  text-decoration: none;
  align-items: center;
  cursor: pointer;
  text-decoration: underline;
  font-size: 18px;
}
.cta-other a {
  color: #3f3f3f;
  text-decoration: none;
}

.cta-ux {
  border-radius: 45px;
  background: #292929;
  display: flex;
  padding: 20px 12px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  align-self: stretch;
  text-decoration: none;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.cta-ux-turquesa {
  border-radius: 30px;
  background: #57ACFF;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 20px 25px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}

.cta-ux-medium {
  border-radius: 45px;
  background: #292929;
  display: flex;
  padding: 15px 12px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  align-self: stretch;
  text-decoration: none;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.cta-ux-turquesa-medium {
  border-radius: 30px;
  background: #57ACFF;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 15px 25px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}

.cta-ux-turquesa-mini {
  border-radius: 30px;
  background: #57ACFF;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 8px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}

.cta-ux-mini {
  border-radius: 30px;
  background: #292929;
  box-shadow: -5px -5px 15px 0px rgba(255, 255, 255, 0.15), 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 8px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  cursor: pointer;
}

button {
  border: none;
}

.pagar-me {
  color: #65A300;
}

.azul-escuro {
  background: #3D4558;
}

.branco {
  background: #fff !important;
}

.gesso {
  background: #f2f2f2 !important;
}

.cinza-300 {
  background: #f1f3f4;
}

.cinza-500 {
  background: #cecece;
}

.text-azul-escuro {
  color: #3D4558;
}

.text-branco {
  color: #fff;
}

.text-cinza-300 {
  color: #f1f3f4;
}

.text-cinza-500 {
  color: #cecece;
}

.text-turquesa {
  color: #57ACFF;
}

.gap-0 {
  gap: 0 !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-28 {
  gap: 28px !important;
}

.gap-32 {
  gap: 32px !important;
}

.gap-36 {
  gap: 36px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-44 {
  gap: 44px !important;
}

.gap-48 {
  gap: 48px !important;
}

.border-radius-24 {
  border-radius: 24px;
}

.margin-right-12 {
  margin-right: 12px;
}

.margin-right-24 {
  margin-right: 24px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-0 {
  margin: 0 !important;
}

.margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-left-12 {
  margin-left: 12px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-24 {
  margin-top: 24px !important;
}

.margin-top-28 {
  margin-top: 28px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-36 {
  margin-top: 36px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-44 {
  margin-top: 44px !important;
}

.margin-top-48 {
  margin-top: 48px !important;
}

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

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-4 {
  margin-bottom: 4px !important;
}

.margin-bottom-6 {
  margin-bottom: 6px !important;
}

.margin-bottom-8 {
  margin-bottom: 8px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.margin-bottom-24 {
  margin-bottom: 24px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-36 {
  margin-bottom: 36px !important;
}

.margin-bottom-48 {
  margin-bottom: 48px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.padding-0 {
  padding: 0 !important;
}

.padding-4 {
  padding: 4px !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-24 {
  padding: 24px !important;
}

.padding-48 {
  padding: 48px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-90 {
  padding: 90px !important;
}

.padding-left-4 {
  padding-left: 4px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-12 {
  padding-left: 12px !important;
}

.padding-left-24 {
  padding-left: 24px !important;
}

.padding-left-48 {
  padding-left: 48px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-90 {
  padding-left: 90px !important;
}

.padding-right-4 {
  padding-right: 4px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-12 {
  padding-right: 12px !important;
}

.padding-right-24 {
  padding-right: 24px !important;
}

.padding-right-48 {
  padding-right: 48px !important;
}

.padding-right-60 {
  padding: 60px !important;
}

.padding-right-90 {
  padding: 90px !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-bottom-4 {
  padding-bottom: 4px !important;
}

.padding-bottom-8 {
  padding-bottom: 8px !important;
}

.padding-bottom-12 {
  padding-bottom: 12px !important;
}

.padding-bottom-16 {
  padding-bottom: 16px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-24 {
  padding-bottom: 24px !important;
}

.padding-bottom-48 {
  padding-bottom: 48px !important;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-8 {
  padding-top: 8px !important;
}

.padding-top-12 {
  padding-top: 12px !important;
}

.padding-top-16 {
  padding-top: 24px !important;
}

.padding-top-24 {
  padding-top: 48px !important;
}

.padding-top-48 {
  padding-top: 48px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.width-auto {
  width: auto !important;
  max-width: -moz-min-content;
  max-width: min-content;
}

.width-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.width-30 {
  width: 30%;
}

.width-40 {
  width: 40%;
}

.width-50 {
  width: 50%;
}

.width-60 {
  width: 60%;
}

.width-70 {
  width: 70%;
}

.width-80 {
  width: 80%;
}

.width-100 {
  width: 100% !important;
}

.width-12px {
  width: 12px !important;
}

.width-14px {
  width: 14px !important;
}

.width-24px {
  width: 24px !important;
}

.width-48px {
  width: 48px !important;
}

.width-50px {
  width: 50px !important;
}

.width-100px {
  width: 100px !important;
}

.width-125px {
  width: 125px !important;
}

.width-150px {
  width: 150px !important;
}

.width-200px {
  width: 200px !important;
}

.width-300px {
  width: 300px !important;
}

.width-350px {
  width: 350px !important;
}

.width-400px {
  width: 400px !important;
}

.width-500px {
  width: 500px !important;
}

.width-600px {
  width: 600px !important;
}

.width-700px {
  width: 700px !important;
}

.width-metade {
  width: 50% !important;
}
@media (min-width: 320px) and (max-width: 640px) {
  .width-metade {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 320px) and (max-width: 640px) {
  .m-width-100 {
    width: 100% !important;
  }
}

.min-width-100px {
  min-width: 100px;
}

.min-width-200px {
  min-width: 200px;
}

.min-width-300px {
  min-width: 300px;
}

.min-width-400px {
  min-width: 400px;
}
@media (min-width: 320px) and (max-width: 640px) {
  .min-width-400px {
    min-width: auto;
  }
}

.min-width-500px {
  min-width: 500px;
}

.max-width-40 {
  max-width: 40% !important;
}

.max-width-50 {
  max-width: 50% !important;
}

.max-width-100 {
  max-width: 100% !important;
}

.max-width-50px {
  max-width: 50px !important;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-50px {
    max-width: 100%;
    width: 100%;
  }
}

.max-width-100px {
  max-width: 100px !important;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-100px {
    max-width: 100%;
    width: 100%;
  }
}

.max-width-150px {
  max-width: 150px !important;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-150px {
    max-width: 100%;
    width: 100%;
  }
}

.max-width-200px {
  max-width: 200px !important;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-200px {
    max-width: 100%;
    width: 100%;
  }
}

.max-width-300px {
  max-width: 300px;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-300px {
    max-width: 100%;
    width: 100%;
  }
}

.max-width-400px {
  max-width: 400px;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-400px {
    max-width: 100%;
    width: 100%;
  }
}

.max-width-500px {
  max-width: 500px;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-500px {
    max-width: 100%;
    width: 100%;
  }
}

.max-width-600px {
  max-width: 600px;
}
@media (min-width: 320px) and (max-width: 640px) {
  .max-width-600px {
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 640px) {
  .m-max-width-100 {
    max-width: 100%;
    width: 100%;
  }
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: initial !important;
}

.ocultar-desktop {
  display: none;
}
@media (min-width: 320px) and (max-width: 640px) {
  .ocultar-desktop {
    display: flex;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  .ocultar-desktop {
    display: flex;
  }
}

@media (min-width: 641px) and (max-width: 1194px) {
  .ocultar-tablet {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 640px) {
  .ocultar-celular {
    display: none;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.colunas-2 {
  display: grid;
  grid-gap: 36px;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 320px) and (max-width: 640px) {
  .colunas-2 {
    grid-template-columns: 1fr;
  }
}

.colunas-3 {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 320px) and (max-width: 640px) {
  .colunas-3 {
    grid-template-columns: 1fr 1fr;
  }
}

.colunas-4 {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (min-width: 641px) and (max-width: 1194px) {
  .colunas-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 320px) and (max-width: 640px) {
  .colunas-4 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 320px) and (max-width: 640px) {
  .m-coluna-1 {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.flex {
  display: flex;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 320px) and (max-width: 640px) {
  .m-flex-wrap {
    flex-wrap: wrap;
    display: flex;
  }
}
@media (min-width: 641px) and (max-width: 1194px) {
  .m-flex-wrap {
    flex-wrap: wrap;
    display: flex;
  }
}

.noshrink {
  flex-shrink: 0 !important;
}

.justify-content-center {
  justify-content: center;
}

@media (min-width: 320px) and (max-width: 640px) {
  .m-justify-content-center {
    justify-content: center;
  }
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.space-between {
  justify-content: space-between !important;
}

.align-items-flex-start {
  align-items: flex-start;
}

.align-items-center {
  align-items: center;
}

.align-items-flex-end {
  align-items: flex-end;
}

.display-none {
  display: none !important;
}

.display-block {
  display: block;
}

.height-min-content {
  height: -moz-min-content;
  height: min-content;
}

.position-absolute {
  position: absolute;
}

.white-space-nowrap {
  white-space: nowrap;
}

.text-align-center {
  text-align: center;
}

@media (min-width: 320px) and (max-width: 640px) {
  .m-text-align-center {
    text-align: center;
  }
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.pointer {
  cursor: pointer;
}

.text-decoration-none {
  text-decoration: none;
}/*# sourceMappingURL=base.css.map */