@charset "UTF-8";
.obj-baner {
  width: 900px;
  height: 800px;
  position: relative;
}

.fundo-baner {
  background: rgb(242, 244, 246) !important;
}

.ver-market-place {
  color: white;
  padding: 15px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  animation: pulse 2s 1;
  transition: background-color 0.3s, transform 0.3s;
  overflow-x: visible !important;
  transform: scale(0.9);
}

.cursor {
  cursor: pointer;
}

.anim {
  transition: all 0.5s ease;
}

@keyframes rolagem-esquerda-centro {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: scale(100%);
  }
}
@keyframes rolagem-centro-direita {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(120%);
  }
}
.basketball {
  animation: shake-scale 0.5s infinite;
}

@keyframes shake-scale {
  0%, 100% {
    transform: scale(1);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: scale(1) translateY(3px);
  }
  20%, 40%, 60%, 80% {
    transform: scale(0.95) translateY(-3px);
  }
}
@keyframes show-opacidade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show-escala {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.animacao {
  visibility: collapse;
}
.animacao-show {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
}
.animacao-show-escala {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-name: show-escala;
}
.animacao-show-opacidade {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-name: show-opacidade;
}
.animacao-hidden {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-direction: reverse;
}
.animacao-hidden-escala {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-direction: reverse;
  animation-name: show-escala;
}
.animacao-hidden-opacidade {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-direction: reverse;
  animation-name: show-opacidade;
}
.animacao-rolagem {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
}
.animacao-rolagem-esquerda-centro {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-name: rolagem-esquerda-centro;
}
.animacao-rolagem-centro-direita {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-name: rolagem-centro-direita;
}
.animacao-rolagem-direita-centro {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-direction: reverse;
  animation-name: rolagem-esquerda-centro;
}
.animacao-rolagem-centro-esquerda {
  visibility: visible;
  transition: all linear 0.5s;
  animation-duration: 0.5s;
  animation-direction: reverse;
  animation-name: rolagem-centro-direita;
}

.anim {
  transition: all linear 0.3s !important;
}

body {
  background: rgb(0, 115, 255);
  /* Gradiente de azul escuro a roxo escuro */
  height: 100vh;
  /*@media (width >= $device-width-large) {
    background: url(./../../img/bac2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }*/
}

/* Definindo variáveis de cor */
/* Animação para piscar o texto */
@keyframes blink {
  0%, 100% {
    color: #ccc;
  }
  50% {
    color: #adadad;
  }
}
.content-img-quianni {
  position: relative;
  margin: 15px 0px;
}
.content-img-quianni img {
  width: 150px;
}
@media (width >= 768px) {
  .content-img-quianni {
    width: auto;
    margin: 15px;
    position: absolute !important;
    left: 0;
    bottom: 0;
  }
  .content-img-quianni img {
    width: 300px;
  }
}

/* Estilo para o texto flutuante */
.floating-text {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  color: #ccc;
  font-family: Arial, sans-serif;
  font-size: 16px;
  animation: blink 2s infinite;
  opacity: 0.5;
}
.floating-text .highlight {
  color: #ff0;
}

.img-parceiros {
  width: 180px;
  background: #000;
}
@media (width >= 992px) {
  .img-parceiros {
    width: 500px !important;
  }
}

#contet-info {
  /* 
  z-index: 100;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  border-radius: 5px;
  width: 100%;
}
#contet-info .h2 {
  font-size: 2.6rem;
  font-weight: bold;
  text-shadow: 0px 0px 2px black;
  color: rgb(255, 255, 255);
  width: 100%;
}
@media (width >= 992px) {
  #contet-info .h2 {
    font-size: 3.3rem;
  }
}
#contet-info .label-total-parceiro {
  font-size: 2.3rem;
  font-weight: bold;
  color: #181818;
  text-shadow: 0px 0px 2px #e2e6d4;
}
#contet-info .label-total {
  color: #ffffff;
  font-size: 2.3rem;
  font-weight: bold;
  text-shadow: 0px 0px 2px black;
}

.qr-content {
  z-index: 100;
  display: none;
}
.qr-content img {
  width: 90px;
}
.qr-content p {
  color: #d8d8d8;
}
@media (width >= 992px) {
  .qr-content {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 20px;
  }
}

.imagem {
  width: 250px;
  height: 250px;
  /* left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle; */
}
@media (width >= 768px) {
  .imagem {
    width: 450px;
    height: 450px;
  }
}

.content-main {
  height: 100vh;
  align-items: center;
}
.content-main .btn1 {
  background-color: #cf2e2e;
  color: #fff;
  border-radius: 8px;
}
.content-main .btn1:hover {
  background-color: #fff;
  color: #cf2e2e;
}

.btnMostrarParceiros {
  position: absolute;
  top: 10px;
  right: 10px;
}

@keyframes max-icon-arrow {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.modal-content {
  border-radius: 25px;
  background-color: #d3e1ff;
}
.modal-content input {
  border-radius: 8px;
}
.modal-content .form-floating {
  padding: 0px !important;
}
.modal-content #btncadastrarParceiro {
  background-color: rgb(0, 115, 255);
  color: #fff;
  border-radius: 8px;
}
.modal-content #btncadastrarParceiro:hover {
  background-color: #fff;
  color: rgb(0, 115, 255);
}
.modal-content #contentFormInfoErro {
  opacity: 0;
  transition: all linear 0.4s;
}
.modal-content .show {
  opacity: 1 !important;
}

.offcanvas {
  background-color: #d3e1ff;
}
.offcanvas #offCanvasBody {
  /* Estilos para a barra de rolagem */
}
.offcanvas #offCanvasBody::-webkit-scrollbar {
  width: 10px; /* Largura da barra de rolagem */
}
.offcanvas #offCanvasBody::-webkit-scrollbar-thumb {
  background-color: #888; /* Cor do "pulgar" da barra de rolagem */
  border-radius: 5px; /* Borda arredondada do "pulgar" */
}
.offcanvas #offCanvasBody::-webkit-scrollbar-thumb:hover {
  background-color: #064ea0; /* Cor do "pulgar" ao passar o mouse */
}

.lista-midea {
  display: flex;
  flex-wrap: wrap;
}
.lista-midea .item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  margin-bottom: 20px;
  /* border: 1px solid #ccc; */
  border-left: 5px solid #ccc;
  border-radius: 3px 0 0 3px;
  padding: 10px;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.lista-midea .item p {
  margin: 0px;
  font-size: 12px;
  font-weight: normal;
}
.lista-midea .item:hover {
  border-radius: 3px;
  height: 80px;
  background-color: rgb(0, 115, 255);
}
.lista-midea .item:hover .icon-arrow {
  opacity: 1;
  color: rgb(192, 212, 250) !important;
  animation-name: max-icon-arrow;
  animation-duration: 0.3s;
  animation-direction: alternate;
  transition: all linear 0.3s;
}
.lista-midea .item:hover .icon-arrow i:hover {
  transform: scale(1.3);
  color: rgb(251, 251, 251);
  background: #064ea0;
  margin: 0 2px 0 2px;
}
.lista-midea .item:hover h2 {
  font-weight: bold;
  color: hsl(90, 100%, 98%);
  text-shadow: 0px 0px 2px #3a4901;
  padding-bottom: 8px;
}
.lista-midea .item:hover p {
  font-weight: bold;
  color: #dbdbdb;
  text-shadow: 0px 0px 2px #3a4901;
}
.lista-midea .item img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 20px;
}
.lista-midea .item .icon-arrow {
  opacity: 0;
  position: absolute;
  right: 8px;
}

.content {
  flex-grow: 1;
}

.content h2 {
  margin: 0px;
  font-size: 14px;
  color: rgb(0, 29, 82);
}

.obj-baner {
  width: 900px;
  height: 800px;
  position: relative;
}

.disply-flyers {
  position: absolute;
  width: 100%;
  height: 180px;
  top: 0;
  left: 0;
  background: rgba(13, 111, 223, 0.6901960784);
}

.item-lista {
  display: flex;
  flex-wrap: wrap !important;
  align-items: center;
  width: 100%;
  min-height: 70px;
  margin-bottom: 20px;
  /* border: 1px solid #ccc; */
  border-radius: 3px 0 0 3px;
  padding: 10px;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.item-lista p {
  margin: 0px;
  font-size: 12px;
  font-weight: normal;
}
.item-lista:hover {
  border-radius: 3px;
}
.item-lista:hover .icon-arrow {
  opacity: 1;
  color: rgb(192, 212, 250) !important;
  animation-name: max-icon-arrow;
  animation-duration: 0.3s;
  animation-direction: alternate;
  transition: all linear 0.3s;
}
.item-lista:hover h2 {
  font-weight: bold;
  color: hsl(90, 100%, 98%);
  text-shadow: 0px 0px 2px #3a4901;
  padding-bottom: 8px;
}
.item-lista:hover p {
  font-weight: bold;
  color: #dbdbdb;
  text-shadow: 0px 0px 2px #3a4901;
}
.item-lista img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 20px;
}
.item-lista .icon-arrow {
  position: absolute;
  right: 8px;
}

.item-lista:nth-child(3) {
  width: 100% !important; /* O terceiro item ocupa toda a largura */
}

.titulo-itens-setting {
  background: #0d6efd;
  border-radius: 10px 10px 0 0 !important;
}
.titulo-itens-setting .t1 {
  color: rgb(241, 108, 108);
  font-size: 1.2rem !important;
  text-shadow: 1px 1px 1px black;
}
.titulo-itens-setting .t2 {
  color: rgb(186, 220, 243) !important;
}
.titulo-itens-setting i {
  display: inline-block !important;
  color: white;
}
.titulo-itens-setting .gr {
  color: rgb(108, 241, 119);
}
.titulo-itens-setting .lt {
  color: rgb(223, 233, 139);
}

#modalTituloMeusBannersMenu,
#btnTerminarSecao {
  display: none;
}
@media (width >= 992px) {
  #modalTituloMeusBannersMenu,
  #btnTerminarSecao {
    display: inline-block;
  }
}

#btnMenuMobile {
  display: inline-block;
}
@media (width >= 992px) {
  #btnMenuMobile {
    display: none;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; /* Inicialmente escondido */
  z-index: 99999; /* Abaixo do menu */
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.8s ease;
}

.sidebar {
  position: fixed;
  left: -100%; /* Inicialmente escondido */
  top: 0;
  width: calc(100% - 50px);
  height: 100%;
  background-color: #d3e1ff;
  color: white;
  transition: left 0.3s;
  padding: 20px;
  z-index: 99999999;
}

.sidebar.open {
  left: 0; /* Mostra o menu */
}

.sidebar.hidden {
  left: -100%; /* Esconde o menu */
}/*# sourceMappingURL=index2.css.map */