@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.navbar {
  --mdb-navbar-box-shadow: none;
  --mdb-navbar-padding-top: 0.5625rem;
  --mdb-navbar-brand-img-margin-right: 0.25rem;
  box-shadow: var(--mdb-navbar-box-shadow);
  padding-top: var(--mdb-navbar-padding-top);
}

.wave {
  z-index: -100;
  bottom: -1px;
  left: 0px;
}

img,
svg {
  vertical-align: middle;
  margin-bottom: -10px !important;
}

.bounce {
  -webkit-animation: bounce 2s infinite; /* Duração total da animação */
  animation: bounce 2s infinite; /* Duração total da animação */
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.cardEdit{
  --mdb-card-box-shadow: none;
}

.card-header-edit {
  --mdb-card-header-border-width: none;
  --mdb-card-header-border-color: none;
  border-bottom: none;
}

.larnajabg{
  background-color: rgb(228, 111, 27);
}




/* Dispositivos com largura de tela de até 768 pixels (geralmente tablets e smartphones na orientação retrato) */
@media only screen and (max-width: 768px) {
  .center{
    margin-left: 0.8rem !important;
  }
  .centertela1{
    text-align: center !important;
  }
  .esquerda{
    margin-right:-1em !important;
  }
  .dvcard{
    margin-left: 3px !important;
  }
 
}

/* Dispositivos com largura de tela de até 992 pixels (geralmente tablets na orientação paisagem e laptops) */
@media only screen and (max-width: 992px) {
  .center{
    margin-left: 0.8rem !important;
  }
  .centertela1{
    text-align: center !important;
  }
  .esquerda{
    margin-right:-1em !important;
  }
  
}

/* Dispositivos com largura de tela de até 1200 pixels (geralmente laptops e desktops) */
@media only screen and (max-width: 1200px) {
  .center{
    margin-left: 0.8rem !important;
  }
  .centertela1{
    text-align: center !important;
  }
  
}

/* Largura da barra de rolagem */
::-webkit-scrollbar {
  width: 10px;
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track-piece {
  background-color: rgb(33, 37, 41);
  border-left: 1px solid rgb(33, 37, 41)
}

/* Cor do indicador de rolagem */
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
  background-color: rgb(228, 111, 27);
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: rgb(196, 96, 24);
}

.zoom {
  transition: transform .2s;

}

.zoom:hover {
  transform: scale(1.1);
}

.btnincio{
  background-color: rgb(228, 111, 27);
}
.btnincio:hover{
  background-color: rgb(228, 128, 56);
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 50px;
  color: #262626;
  padding: 10px;
  cursor: pointer;
  z-index: 1000;
}

#back-to-top.show {
  display: block;
}

#back-to-top a {
  color: inherit; /* Use a cor do texto do elemento pai */
  text-decoration: none; /* Remove sublinhado padrão */
}