@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");

.navbar .navbar-nav > .nav-item > .nav-link,
.navbar .navbar-nav > .nav-link {
  font-weight: 700;
  font-family: "Sora", sans-serif;
}
.bodyLogin {
  background-color: #f8f8f8;
}
.mm {
  margin-top: 33px;
}

.h1,
h1 {
  font-size: 2rem;
  font-family: "Sora", sans-serif;
}

p {
  font-family: "Sora", sans-serif;
}

/* .navbar .navbar-nav .nav-link.active {
    background-color: #000000;
    border-color: var(--bs-navbar-active-border-color);
    color: #fff;
} */
body {
  font-family: "Sora", sans-serif;
}

.avatar {
  background-color: #bbf118;
}

.borderS {
  background-color: blueviolet;
  border-radius: 10px;
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgb(0 0 0) !important;
}

.txtW {
  font-weight: 700;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgb(255 244 211) !important;
}

.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.5rem;
}

.bb {
  background-color: black;
  border-radius: 100px;
}

.bb:hover {
  background-color: #5e5e5e !important;
  border-color: var(--bs-btn-hover-border-color);
  color: #fff !important;
  border-radius: 100px !important;
}

.bb:active {
  background-color: #000000 !important;
  color: #fff !important;
  border-radius: 100px !important;
}

.loogoo {
  width: 170px;
  filter: brightness(0);
}

.text-bg-secondary {
  /* background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important; */
  background-color: #bbf118 !important;
  color: #0c0d0d !important;
}

.box {
  background-image: url(../img/design-promo-background.4571895.png);
  height: auto;
  background-size: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px !important;
}

.objetivo {
  font-size: large;
  color: #2b1aa9;
}

.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.65625rem;
  --bs-progress-bg: #ffffff;
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: 0 0 transparent;
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #6736bd;
  --bs-progress-bar-transition: width 0.6s ease;
  background-color: #ffffff;
  border-radius: var(--bs-progress-border-radius);
  box-shadow: var(--bs-progress-box-shadow);
  display: flex;
  font-size: var(--bs-progress-font-size);
  height: var(--bs-progress-height);
  overflow: hidden;
}

.subTitulo {
  font-size: 10px;
  font-weight: 700;
}

[data-tooltip].copied:after {
  position: absolute;
  bottom: -20%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-bottom: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
  display: none;
}

[data-tooltip].copied:before {
  position: absolute;
  /* bottom: 11%; */
  /* left: 31%; */
  margin-bottom: 1px;
  margin-left: -180px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 22px;
  background-color: #000;
  background-color: hsl(75deg 87.8% 51.76% / 94%);
  color: #000000;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  margin-top: -5px;
}

.boxInfos {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: space-around;
  gap: 0px;
}

.bbtn {
  width: auto;
}

.navbar .navbar-nav .nav-link.active {
  background-color: #000000;
  border-color: var(--bs-navbar-active-border-color);
  color: #fff;
}
.btnCopiar {
  position: absolute;
  right: 6px;
  top: 5px;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1420px;
  }
}

@media (max-width: 768px) {
  .bbtn {
    width: 90px;
  }

  .boxInfos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    align-content: space-around;
    gap: 4px;
  }

  .box {
    background-image: url(../img/design-promo-background.4571895.png);
    /* height: auto; */
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px !important;
    background-position-x: 630px;
  }

  .btn {
    --bs-btn-padding-x: 0.2rem;
    --bs-btn-padding-y: 0.2rem;
  }

  .loogoo {
    width: 100px;
    filter: brightness(0);
  }

  .bb {
    background-color: black;
    border-radius: 100px;
  }

  .bb:hover {
    background-color: #5e5e5e !important;
    border-color: var(--bs-btn-hover-border-color);
    color: #fff !important;
    border-radius: 100px !important;
  }

  .bb:active {
    background-color: #000000 !important;
    color: #fff !important;
    border-radius: 100px !important;
  }
  .btnCopiar {
    position: static;
    right: 6px;
    top: 5px;
    margin-top: 0px;
    width: 90px;
    height: 44px;
  }
}