/*vitrine-0811b v2: leque de páginas que gira sozinho ("Veja por dentro")*/
.vd-sec {
  padding: 34px 16px 30px;
  text-align: center;
}
.vd-sec .vd-t {
  font-family: Oswald, Impact, sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #2b1a10;
}
.vd-sec .vd-t span {
  color: #d96a00;
}
.vd-sec .vd-sub {
  font-size: 14px;
  color: #6b5a4d;
  margin: 0;
}
.vd-fan {
  position: relative;
  width: 236px;
  height: 372px;
  margin: 34px auto 6px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.vd-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 236px;
  height: 354px;
  object-fit: cover;
  border-radius: 14px;
  background: #fff;
  box-shadow:
    0 16px 34px rgba(70, 35, 10, 0.28),
    0 2px 6px rgba(70, 35, 10, 0.18);
  transition:
    transform 0.95s cubic-bezier(0.22, 0.9, 0.25, 1),
    opacity 0.95s ease,
    filter 0.95s ease;
  will-change: transform, opacity;
}
.vd-dots {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin: 2px 0 4px;
}
.vd-dots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e5cdb0;
  transition:
    background 0.4s,
    transform 0.4s;
}
.vd-dots i.on {
  background: #d96a00;
  transform: scale(1.25);
}
@media (prefers-reduced-motion: reduce) {
  .vd-c {
    transition: none;
  }
}

[hidden] {
  display: none !important;
}
.vd-fan:focus-visible {
  outline: 3px solid #c2571a;
  outline-offset: 8px;
}