.bg-mtrix-dark {
  background-color: #0e3357;
}

.bg-mtrix-light {
  background-color: #3790d4;
}

/**
* RESPONSIVO
*/
@media only screen and (max-width: 1530px) {
  .card-produto {
    display: flex;
    flex-direction: column;
  }

  .card-produto-content {
    margin-top: 1rem!important;
  }

  .card-produto-scroll {
    height: 61vh;
    width: 100%;
  }
}

@media only screen and (min-width: 1531px) {
  .card-produto {
    display: flex;
  }

  .card-produto-content {
    margin-left: 1.5rem!important;
  }

  .card-produto-scroll {
    height: 68vh;
    width: 100%;
  }
}

/**
* FONT SIZE
*/
.font-size-15 {
  font-size: 15px;
}

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

/**
* BUTTON
*/
.btn-hover:hover {
  animation: fadeIn 700ms;
  background-color: #4e73df;
  border-color: #4e73df;
}

.btn-hover:hover .text-hover {
  animation: fadeIn 500ms;
  color: #fff;
  font-weight: bold;
}

.no-border-focus:focus {
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}


/**
*CARD
*/
.notion-collection-card {
  width: 100%;
  margin-left: 0;
  transition: transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;
}

.notion-collection-card:hover {
  box-shadow: 0 12px 24px 0 rgb(10 16 34 / 20%);
  -webkit-box-shadow: 0 12px 24px 0 rgb(10 16 34 / 20%), 0 0 0 transparent;
  -webkit-transform: translateY(-5px) translateZ(0);
  transform: translateY(-5px) translateZ(0);
  transition: transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;
}

/**
* Side menu
*/

.side-menu {
  background-color: #153556;
  background-image: url("/images/svg/desktopLines.svg"), url("/images/svg/desktopPolygon.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto;
}