@font-face {
  font-family: "Accessories Krisha";
  src: url("/assets/fonts/KrishaRegular-518Zx.otf") format("opentype");
  font-display: swap;
}
.accessories-hero {
  position: relative;
  aspect-ratio: 13215 / 6069;
  background: url("/assets/accesorios/accesorios-bg.png") center / cover no-repeat;
  color: #000;
}
.ds-page-accesorios .accessories-hero h1 {
  position: absolute;
  top: 25.7%;
  left: 50%;
  transform: translateX(-50%) scaleX(.556);
  width: max-content;
  margin: 0;
  font: 400 21vw/1 "Accessories Krisha", sans-serif;
  letter-spacing: 0;
  white-space: nowrap;
}
.accessories-hero__button {
  position: absolute;
  left: 45.418%;
  top: 72.681%;
  width: 13.825%;
  aspect-ratio: 1827 / 400;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000;
  cursor: pointer;
}
.accessories-hero__button svg { display: block; width: 100%; height: 100%; }
@media (max-width: 700px) {
  .accessories-hero { aspect-ratio: auto; height: 460px; }
  .ds-page-accesorios .accessories-hero h1 { top: 34%; transform: translateX(-50%); font-size: 25vw; width: 94%; white-space: normal; text-align: center; line-height: .88; }
  .accessories-hero__button { top: 76%; left: 50%; transform: translateX(-50%); width: 180px; }
}