/* Transición Specs → Muñeca: una arista de 1 px se abre hasta ser un plano. */
.watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block {
  --watch-wrist-reveal-progress: 0;
  --watch-wrist-transition-inset: clamp(18px, 5vw, 76px);
  --watch-editorial-section-bg: transparent;
  --watch-editorial-section-overlay: none;
  --watch-editorial-section-glow: none;
  position: relative;
  isolation: isolate;
}

.watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: var(--watch-wrist-transition-inset);
  left: var(--watch-wrist-transition-inset);
  height: 1px;
  background: rgba(25, 33, 40, calc(0.86 - var(--watch-wrist-reveal-progress) * 0.86));
  pointer-events: none;
}

.watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0 var(--watch-wrist-transition-inset);
  min-height: 2px;
  background: linear-gradient(180deg, #fbfaf7 0%, #f0ece5 100%);
  box-shadow: 0 14px 30px rgba(56, 66, 76, calc(var(--watch-wrist-reveal-progress) * 0.08));
  transform: scaleY(var(--watch-wrist-reveal-progress));
  transform-origin: center top;
  will-change: transform;
  pointer-events: none;
}

.watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block > .watch-wrist-reveal-content {
  display: grid;
  gap: 14px;
  min-width: 0;
  clip-path: inset(0 0 var(--watch-wrist-reveal-clip, 100%) 0);
  will-change: clip-path;
}

body.night-mode .watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block::before {
  background: rgba(218, 229, 240, calc(0.78 - var(--watch-wrist-reveal-progress) * 0.78));
  box-shadow: none;
}

body.night-mode .watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block::after {
  background: linear-gradient(180deg, #1a2230 0%, #232e41 100%);
  box-shadow: 0 16px 34px rgba(0, 0, 0, calc(var(--watch-wrist-reveal-progress) * 0.22));
}

@media (max-width: 899px) {
  .watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block {
    --watch-wrist-transition-inset: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block::before {
    will-change: auto;
  }

  .watch-detail-page.watch-specs-guide-experience > .watch-detail-wrist-fit-block > .watch-wrist-reveal-content {
    will-change: auto;
  }
}