.dx-results__image {
  --results-scale: 1;
  --results-pos-x: 50%;
  --results-pos-y: 50%;
  --results-nudge-x: 0%;
  --results-nudge-y: 0%;
  aspect-ratio: 9 / 16 !important;
  background: #e9e1d7 !important;
  overflow: hidden;
}

.dx-results__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  filter: none !important;
  image-rendering: auto;
  object-fit: cover !important;
  object-position: var(--results-pos-x) var(--results-pos-y) !important;
  transform: translate3d(var(--results-nudge-x), var(--results-nudge-y), 0)
    scale(var(--results-scale)) !important;
  transform-origin: center center !important;
  will-change: transform, object-position;
}

/* Modo ajuste (?ajuste=1) */
html.is-framing .dx-results__image {
  cursor: crosshair;
  outline: 1px dashed transparent;
  outline-offset: 2px;
  transition: outline-color 160ms ease;
}

html.is-framing .dx-results__image:hover {
  outline-color: rgba(199, 154, 99, 0.55);
}

html.is-framing .dx-results__image.is-framing-active {
  outline: 2px solid #c79a63;
  outline-offset: 3px;
}

html.is-framing .dx-results__image.is-framing-active img {
  cursor: grab;
}

html.is-framing .dx-results__image.is-dragging img {
  cursor: grabbing;
}

@media (max-width: 767px) {
  .dx-results__dots {
    gap: 4px;
  }

  .dx-results__dots button {
    width: 14px;
  }
}
