.magnifier-container {
  position: relative;
  display: inline-block;
  cursor: zoom-in;
}

.magnifier-lens {
  position: absolute;
  border: 2px solid #000;
  border-radius: 50%;
  width: 370px;   /* tama«Šo de la lupa */
  height: 370px;
  box-sizing: border-box; /* asegura que el borde est«± dentro del tama«Šo */
  overflow: hidden;
  display: none;  /* oculta por defecto */
  pointer-events: none; /* no bloquea el mouse */
  z-index: 2000;
}

.magnifier-lens img {
  position: absolute;
  transform-origin: top left;
}