.previa[data-astro-cid-dmvizes6] {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 18px;
  padding: 12px 16px;
  border: 1.4px dashed var(--tinta);
  font: 600 14px Kodchasan;
  background: #f6eedf66;
}

.previa[data-astro-cid-dmvizes6] .ic {
  font-size: 24px;
  color: var(--mata);
}

.hd[data-astro-cid-dmvizes6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  padding-top: 10px;
}

.hd[data-astro-cid-dmvizes6] .t1[data-astro-cid-dmvizes6] {
  margin-bottom: 0;
}

.who[data-astro-cid-dmvizes6] {
  display: flex;
  gap: 16px;
  align-items: center;
}

.av[data-astro-cid-dmvizes6] {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--mata);
  color: var(--creme);
  display: grid;
  place-items: center;
  font: italic 500 24px var(--acc);
  flex: none;
}

.who[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  display: block;
  font: 800 22px Archivo;
  font-stretch: 72%;
  text-transform: uppercase;
}

.who[data-astro-cid-dmvizes6] span[data-astro-cid-dmvizes6] {
  font: 500 14px Kodchasan;
  color: var(--casca);
}

.top3[data-astro-cid-dmvizes6] {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 40px;
  margin-top: 40px;
  align-items: start;
}

.livro[data-astro-cid-dmvizes6] {
  border-radius: 12px;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  box-shadow: 0 30px 50px -28px #140a00bf;
  transform: rotate(-1.5deg);
}

.pp[data-astro-cid-dmvizes6] {
  padding: 26px;
  position: relative;
  min-height: 470px;
  color: var(--tinta);
}

.pp[data-astro-cid-dmvizes6] h2[data-astro-cid-dmvizes6] {
  font: 700 11px Kodchasan;
  letter-spacing: .22em;
  color: var(--terra);
}

.ph[data-astro-cid-dmvizes6] {
  width: 150px;
  height: 180px;
  background: #fff;
  padding: 6px;
  margin: 18px 0 12px;
  transform: rotate(-2deg);
  box-shadow: 0 4px 8px -4px #0006;
}

.ph[data-astro-cid-dmvizes6] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nm[data-astro-cid-dmvizes6] {
  font: italic 500 32px/1 var(--acc);
  color: var(--mata);
}

.ln[data-astro-cid-dmvizes6] {
  border-bottom: 1px solid var(--borda);
  font: 500 13px / 2.3 Kodchasan;
  color: var(--casca);
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.ln[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  color: var(--tinta);
}

.lv[data-astro-cid-dmvizes6] {
  right: 22px;
  top: 60px;
  width: 110px;
  height: 110px;
  color: var(--mata);
  font-size: 10px;
  transform: rotate(10deg);
}

.lv[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  display: block;
  font: 800 17px / 1 Archivo;
  font-stretch: 72%;
}

.stp[data-astro-cid-dmvizes6] {
  width: 118px;
  height: 118px;
  font-size: 10px;
  padding: 8px;
}

.stp[data-astro-cid-dmvizes6] .ic {
  font-size: 30px;
  display: block;
  margin: 0 auto 4px;
}

.stp[data-astro-cid-dmvizes6] small[data-astro-cid-dmvizes6] {
  display: block;
  font: 600 9px Kodchasan;
  letter-spacing: .06em;
  margin-top: 2px;
}

.s1[data-astro-cid-dmvizes6] {
  left: 24px;
  top: 52px;
  color: var(--mata);
  transform: rotate(-10deg);
}

.s2[data-astro-cid-dmvizes6] {
  left: 56%;
  top: 96px;
  color: var(--terra);
  transform: rotate(8deg);
  animation-delay: .2s;
}

.s3[data-astro-cid-dmvizes6] {
  left: 40px;
  top: 200px;
  color: var(--mata);
  transform: rotate(4deg);
  animation-delay: .4s;
}

.s4[data-astro-cid-dmvizes6] {
  left: 56%;
  top: 250px;
}

.s5[data-astro-cid-dmvizes6] {
  left: 30px;
  top: 330px;
}

.sl[data-astro-cid-dmvizes6] {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 70px;
  opacity: .9;
  transform: rotate(-12deg);
}

.lvl[data-astro-cid-dmvizes6] {
  padding: 30px 32px;
}

.bar[data-astro-cid-dmvizes6] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 20px;
  position: relative;
  list-style: none;
  gap: 8px;
}

.bar[data-astro-cid-dmvizes6]:before {
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  border-top: 2.4px dashed var(--borda);
}

.bar[data-astro-cid-dmvizes6]:after {
  content: "";
  position: absolute;
  left: 30px;
  width: 44%;
  top: 29px;
  border-top: 4px solid var(--mata);
}

.bar[data-astro-cid-dmvizes6] li[data-astro-cid-dmvizes6] {
  position: relative;
  z-index: 1;
}

.c[data-astro-cid-dmvizes6] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--creme);
  border: 2.4px solid var(--mata);
  display: grid;
  place-items: center;
  font-size: 30px;
  color: var(--mata);
}

.bar[data-astro-cid-dmvizes6] li[data-astro-cid-dmvizes6].ok .c[data-astro-cid-dmvizes6] {
  background: var(--mata);
  color: var(--creme);
}

.bar[data-astro-cid-dmvizes6] li[data-astro-cid-dmvizes6].off .c[data-astro-cid-dmvizes6] {
  border-style: dashed;
  color: #3b2a1e66;
  border-color: var(--borda);
}

.bar[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  display: block;
  font: 800 16px / 1.1 Archivo;
  font-stretch: 75%;
  text-transform: uppercase;
  margin-top: 10px;
}

.bar[data-astro-cid-dmvizes6] span[data-astro-cid-dmvizes6] {
  font: 500 12.5px / 1.35 Kodchasan;
  color: var(--casca);
}

.nx[data-astro-cid-dmvizes6] {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px dashed var(--borda);
  font: 500 15px / 1.5 Kodchasan;
  color: var(--casca);
}

.nx[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  color: var(--tinta);
}

.ben[data-astro-cid-dmvizes6] {
  padding: 26px 30px;
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: center;
}

.ben[data-astro-cid-dmvizes6] .stamp[data-astro-cid-dmvizes6] {
  width: 100px;
  height: 100px;
  color: var(--mel);
  font-size: 10px;
}

.ben[data-astro-cid-dmvizes6] .stamp[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  display: block;
  font: 800 30px / 1 Archivo;
  font-stretch: 70%;
}

.ben[data-astro-cid-dmvizes6] p[data-astro-cid-dmvizes6] {
  font: 500 15px / 1.5 Kodchasan;
  color: var(--verde-txt);
}

.ben[data-astro-cid-dmvizes6] p[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  display: block;
  font: 800 22px Archivo;
  font-stretch: 72%;
  text-transform: uppercase;
  color: var(--creme);
}

.certs[data-astro-cid-dmvizes6] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 36px;
}

.ct[data-astro-cid-dmvizes6] {
  padding: 26px;
  position: relative;
}

.k[data-astro-cid-dmvizes6] {
  font: 700 11px Kodchasan;
  letter-spacing: .2em;
  color: var(--terra);
}

.ct[data-astro-cid-dmvizes6] h3[data-astro-cid-dmvizes6] {
  font: 800 24px / 1.05 Archivo;
  font-stretch: 72%;
  text-transform: uppercase;
  margin: 8px 0;
}

.ct[data-astro-cid-dmvizes6] > .sc[data-astro-cid-dmvizes6] {
  font-size: 22px;
}

.row[data-astro-cid-dmvizes6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px dashed var(--borda);
}

.qr[data-astro-cid-dmvizes6] {
  width: 74px;
  height: 74px;
  background: linear-gradient(90deg,var(--tinta) 0 22%,transparent 22% 30%,var(--tinta) 30% 38%,transparent 38% 60%,var(--tinta) 60% 70%,transparent 70% 78%,var(--tinta) 78%),linear-gradient(var(--tinta) 0 20%,transparent 20% 40%,var(--tinta) 40% 52%,transparent 52% 72%,var(--tinta) 72%);
  background-blend-mode: multiply;
  opacity: .85;
  border: 5px solid var(--creme);
  outline: 1.5px solid var(--tinta);
}

.lk[data-astro-cid-dmvizes6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
}

.lk[data-astro-cid-dmvizes6] span[data-astro-cid-dmvizes6] {
  font: 700 12px Kodchasan;
  letter-spacing: .12em;
  color: var(--mata);
  text-transform: uppercase;
  display: flex;
  gap: 6px;
  align-items: center;
}

.nt[data-astro-cid-dmvizes6] {
  right: 20px;
  top: 20px;
  width: 70px;
  height: 70px;
  color: var(--mata);
  font-size: 9px;
  transform: rotate(12deg);
}

.nt[data-astro-cid-dmvizes6].cas {
  color: var(--terra);
}

.prox[data-astro-cid-dmvizes6] {
  border: 1.6px dashed var(--borda);
  background: #f6eedf66;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.prox[data-astro-cid-dmvizes6] .pi {
  font-size: 60px;
  color: var(--verde);
}

.dup[data-astro-cid-dmvizes6] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  align-items: start;
}

.rec[data-astro-cid-dmvizes6] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 26px;
}

.li[data-astro-cid-dmvizes6] {
  overflow: hidden;
  margin-top: 26px;
}

.hd3[data-astro-cid-dmvizes6] {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 18px 22px;
  border-bottom: 1px solid var(--borda);
}

.hd3[data-astro-cid-dmvizes6] .av[data-astro-cid-dmvizes6] {
  width: 46px;
  height: 46px;
  font-size: 26px;
}

.hd3[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  display: block;
  font: 700 15px Kodchasan;
}

.hd3[data-astro-cid-dmvizes6] span[data-astro-cid-dmvizes6] {
  font: 400 12.5px Kodchasan;
  color: var(--casca);
}

.t2p[data-astro-cid-dmvizes6] {
  padding: 14px 22px;
  font: 500 14.5px / 1.5 Kodchasan;
}

.card[data-astro-cid-dmvizes6] {
  padding: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: center;
}

.card[data-astro-cid-dmvizes6] img[data-astro-cid-dmvizes6] {
  width: 110px;
}

.card[data-astro-cid-dmvizes6] b[data-astro-cid-dmvizes6] {
  display: block;
  font: 800 30px / 1 Archivo;
  font-stretch: 70%;
  text-transform: uppercase;
}

.card[data-astro-cid-dmvizes6] .sc[data-astro-cid-dmvizes6] {
  font-size: 28px;
}

.card[data-astro-cid-dmvizes6] span[data-astro-cid-dmvizes6]:last-child {
  font: 500 13px Kodchasan;
  color: var(--verde-txt);
  display: block;
  margin-top: 6px;
}

@media (width <= 1100px) {
  .top3[data-astro-cid-dmvizes6], .dup[data-astro-cid-dmvizes6] {
    grid-template-columns: minmax(0, 1fr);
  }

  .certs[data-astro-cid-dmvizes6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 700px) {
  .hd[data-astro-cid-dmvizes6] .t1[data-astro-cid-dmvizes6] {
    margin-bottom: .35em;
  }

  .livro[data-astro-cid-dmvizes6] {
    grid-template-columns: minmax(0, 1fr);
    transform: none;
  }

  .vistos[data-astro-cid-dmvizes6] {
    min-height: 480px;
  }

  .certs[data-astro-cid-dmvizes6], .rec[data-astro-cid-dmvizes6] {
    grid-template-columns: minmax(0, 1fr);
  }

  .bar[data-astro-cid-dmvizes6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 20px;
  }

  .bar[data-astro-cid-dmvizes6]:before, .bar[data-astro-cid-dmvizes6]:after {
    display: none;
  }

  .card[data-astro-cid-dmvizes6] {
    grid-template-columns: minmax(0, 1fr);
  }
}

.previa[data-astro-cid-dmvizes6] {
  border-radius: var(--r);
}

.ph[data-astro-cid-dmvizes6] {
  border-radius: var(--r-s);
}

.qr[data-astro-cid-dmvizes6] {
  border-radius: 10px;
}

.prox[data-astro-cid-dmvizes6] {
  border-radius: var(--r-s);
}

@media (width <= 560px) {
  .ct[data-astro-cid-dmvizes6] h3[data-astro-cid-dmvizes6] {
    padding-right: 74px;
  }
}