/** Shopify CDN: Minification failed

Line 364:3 Expected "}" to go with "{"

**/
.page-dados-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 2em 0;
  max-width: 1024px;
}

.page-dados-title img {
  margin: 0 auto 1em;
  max-width: 200px;
}

.page-dados-title h1 {
  font-size: 40px;
  font-weight: 600;
  color: #B640F5;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 15px;
}

.page-dados-title h1 span {
  font-weight: bolder;
}

.page-dados-txt p span {
  font-weight: bold;
}

.section-dados {
  background: linear-gradient(0deg, #D5D5D5 0%, #F0F0F0 40%, #F0F0F0 60%, #F5F4F6 85%, #D5D5D5 100%);
  background-size: 100% 10000px;
  animation: bg 15s linear infinite;
  padding: 3em 0;
  display: flex;
  flex-direction: column;
}

.page-dados {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@keyframes bg {
  0% {
    background-position-y: 0;
  }

  100% {
    background-position-y: 10000px;
  }
}

.custom-btn {
  color: #fff;
  border-radius: 2em;
  padding: 1em 2em;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
    7px 7px 20px 0px rgba(0, 0, 0, .1),
    4px 4px 5px 0px rgba(0, 0, 0, .1);
  outline: none;
  text-align: center;
  font-size: 22px;
  width: fit-content;
  margin: 2em auto;
}

.btn-11 {
  border: none;
  background: rgb(151, 4, 206);
  background: linear-gradient(40deg, rgba(151, 4, 206, 1) 50%, rgba(173, 0, 243, 1) 100%);
  color: #fff;
  overflow: hidden;
}

.btn-11:hover {
  text-decoration: none;
  color: #fff;
}

.btn-11:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite;
}

.btn-11:hover {
  opacity: .7;
}

.btn-11:active {
  box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.title {
  padding: 20px;
  font: 16px/20px Arial, sans-serif;
  color: #999;
  text-align: center;
}

.container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .container {
    flex-direction: row;
  }
}

.dice {
  width: 200px;
  height: 200px;
  margin: 20px;
  perspective: 400px;
}

.cube {
  position: relative;
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
  transform: translateZ(-100px) rotateX(0deg) rotateY(0deg);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.side {
  position: absolute;
  width: 200px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 2px;
  overflow: hidden;
  background: rgb(178, 4, 205);
  backface-visibility: hidden;
}

.side_1 {
  transform: translateZ(-100px) rotateX(180deg);
}

.side_2 {
  transform: translateY(-100px) rotateX(90deg);
}

.side_3 {
  transform: translateX(100px) rotateY(90deg);
}

.side_4 {
  transform: translateX(-100px) rotateY(270deg);
}

.side_5 {
  transform: translateY(100px) rotateX(270deg);
}

.side_6 {
  transform: translateZ(100px);
}

.dice[data-val="1"] .cube {
  transform: translateZ(-100px) rotateX(180deg) rotateY(0deg);
}

.dice[data-val="2"] .cube {
  transform: translateZ(-100px) rotateX(-90deg) rotateY(0deg);
}

.dice[data-val="3"] .cube {
  transform: translateZ(-100px) rotateX(0deg) rotateY(-90deg);
}

.dice[data-val="4"] .cube {
  transform: translateZ(-100px) rotateX(0deg) rotateY(90deg);
}

.dice[data-val="5"] .cube {
  transform: translateZ(-100px) rotateX(90deg) rotateY(0deg);
}

.dice[data-val="0"] .cube {
  transition: transform 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.dice_1[data-val="0"] .cube {
  transform: translateZ(-100px) rotateX(-359deg) rotateY(-359deg);
}

.dice_2[data-val="0"] .cube {
  transform: translateZ(-100px) rotateX(359deg) rotateY(359deg);
}

.dice_3[data-val="0"] .cube {
  transform: translateZ(-100px) rotateX(-359deg) rotateY(-359deg);
}

/* .dot {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 10px;
  background: #fff;
  box-shadow: inset 0 0 10px #f2ccff;
}

.dot_1,
.dot_2,
.dot_3 {
  top: 20px;
}

.dot_4,
.dot_5,
.dot_6 {
  top: 100px;
}

.dot_7,
.dot_8,
.dot_9 {
  top: 80px;
}

.dot_1,
.dot_4,
.dot_7 {
  left: 20px;
}

.dot_2,
.dot_5,
.dot_8 {
  left: 100px;
}

.dot_3,
.dot_6,
.dot_9 {
  left: 80px;
} */


.dados-result {
  width: 90%;
  max-width: 1024px;
  margin: 1em auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.recomendation-dices {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.product-recomendation-dices {
  width: 40%;
  margin: 1em;
  background-color: #fff;
  border-radius: 1em;
  overflow: hidden;
}

.product-recomendation-dices-content {
  padding: 1em;
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: hidden;

}

.product-recomendation-dices-content h2 {
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  margin: 0 auto;
  font-weight: bold;
  font-size: 13px;

  .product-recomendation-dices-content a {
    background-color: #B640F5;
    color: #fff;
    border-radius: 2em;
    padding: 5px 10px;
  }

  .product-recomendation-dices-price {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 5px 0;
  }

  .product-recomendation-dices-price .Price--highlight {
    color: #d92b14;
    font-weight: bold;
  }

  @media (min-width: 768px) {
    .product-recomendation-dices {
      width: 20%;
    }
  }